a{
    
    color:#C70039;

}
#submitbutton{
    border-radius:30px;
    color:#C70039;
    background-color:white;
    margin-top:30px;
    border:3px solid #C70039;

    
}
#submitbutton:hover{
    border-right:10px solid #C70039;
    border-bottom:10px solid #C70039;
    cursor: pointer;

}
a:hover{
    text-decoration:none;
    color:black;

}

html{
    box-sizing: border-box;
   
}
body{
    color:#C70039;
    background-attachment: fixed;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: bold;
    font-family:Aclonica;

}
.blogtitle{
font-family:Patua One;
font-size:22px;
text-align:center;
margin-top:50px;

}

.bottombottom{
    
    font-size:24px;
    background-color:#FEC5E5;
    height:auto;
    width:auto;
    padding:20px;
    margin-top:50px;
    
}


.daytitle{
    font-family: Amiri;
    font-size:24px;
    
}
.description{
    padding:20px;

}

.dayyy{
    padding:50px;
    border-radius: 50px;
    height:auto;
    width:auto;
    font-family: Vollkorn;
    font-size:16px;
    border:3px solid #FEC5E5;
    margin-top:50px;
    
     
    
    
    
}
.toptop{
    padding:10px;
    height:auto;
    background-color:#FEC5E5;
    
    font-size:28px;

}
.stickysticky{
    padding:10px;
    position:sticky;
    top:0;
    font-size:28px;
    text-align:center;
    background-color:black;
    height:auto;
    z-index: 20;
    top:0;
    

}
.stickycontent{
    font-family:Kalam;
    letter-spacing: 2px;
    color:white;
    animation:tada;
    animation-duration: 10s;
    animation-iteration-count: 1;
    animation-delay: 3s;
    
}


.logo{
    font-family:Aclonica;
    animation-name:mytopanimation;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-delay: 3s;
}
@keyframes mytopanimation{
    0% {color:blue;}
    25% {color:white;}
    50% {color:black;}
    75% {color:pink;}
    100% {color:red;}


}