@font-face {
   font-family: 'BlurLight';
   src: url(fonts/blurlight.ttf);
 }
 
 
 
 
 
 
  html, body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   overflow: hidden;
 }
 
 
 
 .window {
   width: 100%;
   min-height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #09272A;
   

}

.gifcontainer {

   position: relative;
   width: 100%;
   max-width: 400px;
   min-width: 300px;
   padding: 0 20px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 0;
}

.gif {

   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
}





.explore {

   font-family: 'BlurLight';

   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

   font-size: 24px;
   font-weight:bold;

   


}