body {
    background-color:rgb(255, 178, 188);
    background-size: cover;
    background-attachment: fixed;
    
}

nav{
    background-color: rgb(245, 172, 221);
   padding: 10px;

   position:fixed;
   top: 0;
   left: 0;
   width: 100%;
}

a{
 display: inline-block;
 background-color:rgb(199, 241, 199);
 color: rgb(0, 0, 0);
 padding:10px;
 margin: 5px;
 border-radius:5px;

 text-decoration: none;
 transition-duration:300ms;
}

a:hover{
    background-color:hotpink;

    translate: 0-3px;
}
h1 {      
    font-family: serif;
    color:rgb(0, 0, 0);
    font-size: 100px;
    text-align: center;
    text-shadow:0 0 0 rgb(255, 0, 179);
}

p{

    color:rgb(0, 0, 0))
}

p.subheading {
    font-size:  30px;
    text-align: center;
    margin-top:10px;
    margin-bottom:60px;

}

div.main {
    background-color:rgb(198, 238, 198);
    background-image: linear-gradient(pink, rgb(232, 151, 243),rgb(182, 229, 243));
    width: 75%;
    margin: auto;
    padding: 30px; 
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 8px;
border-radius: 20px;

}