body
{
    display: flex;
    justify-content: center;
    align-items: center;
   
    background: #000;
    
  }
body{padding-bottom: 200px;}
.content {
   
   margin: auto;
  
  
  width: 100%;

 
}
div.frm{
    
    position:relative;
   
    width: 100%; max-width: 750px; background-color: rgba(0,0,0,0.8); font-family: Tahoma, Geneva, sans-serif; color: white; text-align: center; margin: 1%  auto 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-bottom: 3px; padding-top: 6px; -webkit-box-shadow: 1px 1px 18px 10px #ccccff; box-shadow: 1px 1px 18px 10px #ccccff;
    margin-top:50px;
    animation-name: createbox;
    animation: createbox 1s;
    animation-delay: 1s;
    visibility: hidden;
    animation-fill-mode: forwards;
}
@keyframes createbox{
   
    from {
        transform: scale(0);
        
    }
    to {
        transform: scale(1);
        visibility: visible; 
    }
    
}
@media only screen and (max-width: 700px){
   div.frm { 
          max-width: 320px !important;
          width:100% !important;
       
            } 
}   
@media only screen and (min-width: 1440px){
   div.frm { 
          max-width: 1320px !important;
          width:100% !important;
       
            } 
}    
@media only screen and (max-width: 700px){
   h1 { 
             
             font-size: 18px !important; 
            } 
}   
@media only screen and (min-width: 1440px){
     h1 { 
             
             font-size: 48px !important; 
            } 
}   
@media only screen and (max-width: 700px){
   a { 
             
             font-size: 20px !important; 
            } 
}      
img {
    max-width:100%;
    height:auto;
}
.bck { 
            background-image: url(https://i.imgur.com/IPua3SH.gif); 
            
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent;
             -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #800000;
            font-size: 90px;
            text-align: center; 
            font-weight: bold; 
            text-transform: uppercase; 
            font-family: 'Steelfish Rg', 'helvetica neue', 
                     helvetica, arial, sans-serif; 
            font-weight: 1000; 
            -webkit-font-smoothing: antialiased; 
        } 
        
        @media only screen and (max-width: 700px){
   .bck { 
             
             font-size: 40px !important; 
            } 
}      
 @media only screen and (max-width: 400px){
   .bck { 
             
             font-size: 30px !important; 
            } 
}      

@media only screen and (min-width: 1440px){
    .bck { 
             
             font-size: 130px !important; 
            } 
}