body {
    background-image: url("winterbg.gif");
    background-size: cover;
    overflow-y: hidden;
    overflow-x: hidden;
}

.misa {
    float: right;
}

.logo {
    float: left;
    position:fixed;
    animation-name: logo;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function:ease-in-out;
    top: 20%;

}

@keyframes logo {
    
  0% { transform: scale(1); }
  50% { transform: scale(.9); }
  100% { transform: scale(1); }
    
}

.box {
    background-color: darkred;
    width: 30%;
    margin-left: 7%;
    margin-top: 16%;
    position: fixed;
    box-shadow: 0 0 50px 15px red;
    border: 5px solid white;
    padding: 5px;
    font-family: monospace;
    text-align: center;
}

h1 {
    text-align: center;
    color: darkred;
}

p {
    color: white;
    text-align: center;
}

.cd {
    position: fixed;
    left: 1150px;
    top: 475px;
    
     -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}