body{
background-image:url('background.gif');
background-size:cover;
background-repeat:no-repeat;
background-position:center;
text-align:center;
font-family:"MS Sans Serif", Arial, sans-serif;
color:white;
}

/* container for the paint window */
.paint-container{
position:relative;
display:inline-block;
margin-top:50px;
}

/* links area inside the paint image */
.link-box{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
}

/* Windows 95 style buttons */
.winlink{
display:block;
width:260px;
margin:7px auto;
padding:6px;
background:#c0c0c0;
color:black;
text-decoration:none;
font-size:30px;

border-top:2px solid #ffffff;
border-left:2px solid #ffffff;
border-right:2px solid #404040;
border-bottom:2px solid #404040;
}

/* hover effect */
.winlink:hover{
background:#d4d0c8;
}

/* pressed effect */
.winlink:active{
border-top:2px solid #404040;
border-left:2px solid #404040;
border-right:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}
.floating-gif {
  width: 500;
  position: fixed;
  bottom:-150px;
  left:20%;
  transform:translatex(-50%);
  z-index: 999;
  animation:floatUp 8s linear infinite;
  
}
@keyframes floatUp {
  0% {
      bottom:-150px;
      opacity: 1;
  }
    100%{
      bottom:110%;
    }
}