Body{
    background: linear-gradient(black, midnightblue);
    background-repeat: no-repeat; 
    background-attachment: fixed;
    background-position: center; 
    background-size: cover; 
    font-family:"Prodo Sans"


}

h1 { color:white;
    font-family:"Prodo Sans"; 
    font-size:large;



}


#idc{ 
    background-color: white ; 
    color: black;
    font-family: "Prodo Sans";
    border-style: outset;
    border-width: 5px;
    border-color: black ;
    border-radius: 10px; 
    padding: 5px;
}


p{ background-color: white ; 
    color: black;
    font-family: "Prodo Sans";
    border-style: outset;
    border-width: 5px;
    border-color: black ;
    border-radius: 10px; 
    padding: 5px;

}
#goat{border: 4px solid;
    width: 400px;
    height:200px;
    font-size: 225px; 
    text-align:center;
    border-radius:30px; }

#lock {border: 4px solid;
       border-color: black;
    width: 200px;
    height:200px;
    font-size: 225px; 
    text-align:center;
    border-radius:30px; }
    #in{border: 4px solid;
        border-color: black;
        width: 200px;
        height:200px;
        font-size: 225px; 
        text-align:center;
        border-radius:30px; }

    #box1{ 
border: 4px solid;
width: 650px;
height:100px;
font-size: 100px;
background: black; 
text-align:center;
background: white;   
    }
    #mrwill {
        border: 4px solid;
        width: 250px;
        height:250px;
        font-size: 225px; 
        text-align:center;
        

animation: mySlide;
 animation-duration: 4s; 
 animation-iteration-count: infinite;
 animation-play-state: unset;
 animation-delay: 1s; 
 animation-timing-function:linear;
 animation-fill-mode: both;
}
#will1{border: 4px solid;
    width: 400px;
    height:400px;
    font-size: 225px; 
    text-align:center;
    border-radius:30px ;}

    #will2{border: 4px solid;
        width: 400px;
        height:400px; 
        font-size: 225px; 
        text-align:center; 
    border-radius:30px;}




#will3{border: 4px solid;
    width: 400px;
    height:400px;
    font-size: 225px; 
    text-align:center;
    border-radius:30px; }


@keyframes mySlide{ from{margin-left: 100% ;}
                    to{margin-right: 100%  ;}
                    0% { opacity: 0; }
                    


}