body{
    max-width: 1200px;
    padding-left: 50px;
    background-color: black;
    animation: fadeInAnimation ease .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
   
   
    
}
body .sm{
    max-width: 900px;
    background-color: gray;
}
@keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
video{
    
    position:absolute;
    z-index: -1;
    object-fit: cover;
    width: 1200px;
    height: 900px;
    padding: 0px;
    margin: 0px;
    max-width: 100%;
    
   
}
.sm video {
    position:absolute;
    z-index: -1;
    object-fit: cover;
    width: 1200px;
    height: 900px;
    padding: 0px;
    margin: 0px;
    max-width: 100%;
}
.gif{

    background-image: url('../images/vet_status/vet_focued.gif');
    background-size: cover;
}
.sprite img{
    image-rendering: pixelated;
}
.sprite-bg{
    background-repeat: no-repeat;
    image-rendering: pixelated;
    background-size: 350px;
    background-position: -65px 50px;
    

}
.white-bg{
    
   background-color: white;
}