body{
    font-family: Ubuntu, Verdana, Geneva, Tahoma, sans-serif;
    padding:15px;
}
h1{
    font-size: 4.5em;
    margin: 20px 0;
    color:#000;
    animation: pulse 7s linear infinite;
    text-shadow: -4px 3px 0 #fff, -10px 7px 0 rgb(220, 220, 220);
}
h2{
    font-size: 3em;
    margin-left: 50px;
    margin-top: -12px;
}
h3{
    font-size: 1.2em;
}
a:hover{
    font-size: 110%;
    background:#3333ff;
    color:white;
}
li{
    line-height: 110%;
}
.churches{
    opacity:0;
    animation: fade 1s ease-in 1.5s 1;
    animation-fill-mode: forwards;
}
.logo{ 
    padding-top:10px;
    opacity:0;
    margin:auto;
    max-width: 270px;
    animation : cut_up .01s ease-in 4s 1;
    animation-fill-mode: forwards;
}
img{
    max-width: 98%; 
}
@keyframes pulse{
    0% {
        color: rgb(70,70,245); 
    }   
    10% {
        color: rgb(242,69,69);
    }
    20% {
        color: rgb(227,177,70);
    }   
    30% {
        color: rgb(153,233,82);
    }
    40% {
        color: rgb(85,208,144);
    }   
    50% {
        color: rgb(70,194,192);
    }
    60% {
        color: rgb(83,96,199);
    }   
    70% {
        color: rgb(194,88,230);
    }
    80% {
        color: rgb(162,63,126);
    }   
    90% {
        color: rgb(200,37,37);
    }
    100% {
        color: rgb(9,7,213);
    }   
}
@keyframes fade{
    0%{
        opacity:0:
    }
    100%{
        opacity: 1;
    }
}
@keyframes cut_up {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
    
}