body {
    background:transparent url(https://i.pinimg.com/originals/0f/e3/fd/0fe3fd3de9ac39a72fc16c1bded87030.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: 'Montserrat', sans-serif;
    font-size : 1.2em;
    color : #FFFFFF;
    font-weight : normal;
    margin : 0;
    padding : 0;
    
}


.page-wrapper {
        width : 536px;
        padding-left : 20px;
        padding-right : 20px;
        margin : 200px auto 0 auto;
        position : relative;
        z-index : 6;
        }


h1 {
    
    font-family: 'Permanent Marker', cursive;
    font-size: 60px;
    color: #FD5F00;
    align-items: center;
    justify-content: center;
    margin : 0;
    animation-name: colorchange;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-delay: 0s;

}


h2 {
    
    font-family: 'Permanent Marker', cursive;
    font-size: 20px;
    color: #FD5F00;
    margin: 0;
    margin-bottom: 40px;
    animation-name: colorchange;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
}



h3 {
    text-decoration:underline;
    font-family: 'Permanent Marker', cursive;
    font-size: 25px;
    color: #FD5F00;
    margin-top: 40px;
    margin-bottom:30px;
    display: flex;
    align-items: center;
    justify-content: center;
  
}



.sidebar {
position : absolute;
top : 251px;
width : 210px;
text-align : center;
left : 602px;
font-size : 1em;
}


 @-webkit-keyframes colorchange {
                                                                       
 0%  {color: blue;}
      
 10% {color: #8e44ad;}
      
 20% {color: #1abc9c;}
      
 30% {color: #d35400;}
      
 40% {color: blue;}
      
 50% {color: #34495e;}
      
 60% {color: blue;}
      
 70% {color: #2980b9;}
      
 80% {color: #f1c40f;}
      
 90% {color: #2980b9;}
      
 100% color: pink;}
    
}

      
    