/* basic reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    line-height: 44px;
    color: rgb(137, 39, 55);
    background-color: pink;
    background-image: url(yue-ma-PaYPQWQV6B8-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;

}

header{
    width: 100%;
    height: 250px;
    background-color: rgb(156, 52, 78);
    padding: 20px;
    position: fixed;

}
nav ul li {
    display: inline-block;
    margin-right: 30px;
  
}
main,footer{ 
    padding: 20px;
}
main article p {
    max-width: 60ch;
   
}
main {
    background-color: rgba(255, 215, 221, 0.615);
    padding-top: 250px;
    font-size: 12px;
}
footer {
    background-color: rgb(156, 52, 78);
}

 
.fancy-button{
    background-color: rgb(165, 74, 87);
    padding: 20px 35px;
    border-radius: 10px;
    box-shadow: 2px 4px 10px #36052183;
    border: 5px double pink;
    color: pink;
    font-weight: bold;
}
.fancy-button:hover {
    background-color: rgb(255, 161, 180);
    color: palevioletred;
    rotate: 2deg;
}
/* Styling the form */

input[type=text],
input[type=password],
input[type=submit],
textarea{
    display: block;
    padding: 10px;
    border: 1px solid pink;
    margin-bottom: 16px;
    border-radius: 10px;
    width: 260px;
}