svg {
    width: 50px;
    height: auto;

}
h1 {
    font-family: 'Young Serif', serif;

}
h2 {
    font-family: 'Pixelify Sans', sans-serif;
}
@keyframes fade-in {
    0%  {opacity:0; height: 0;}
    100% {opacity:100%; height: 100vh;}
}

section {
    animation: fade-in 0.5s backwards;
    width: 100%;
    height: 12%;
    float: right;
    
}
img{
    
}

.red {
    background-color: red;
    animation-delay: 0.2s;

}
.orange {
    background-color:orange;
    animation-delay: 0.4s;
}
.yellow {
    background-color: yellow;
    animation-delay: 0.6s;
}
.blue {
    background-color: blue;
    animation-delay: 0.8s;
}
.white {
    background-color: greenyellow;
    animation-delay: 10s;
}
.pink {
    background-color: pink;
    animation-delay: 1.2s;
}
.purple {
    background-color: purple;
    animation-delay: 1.4s;
}