* {
    margin: 0;
    padding: 0;
 

  }

.handload{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }

.undoing{
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
 
  width: 100%;
  height: 50%;
  
  margin-top: 17rem;

  
}
.knowing{
   position:fixed;
  
    width: 100%;
    z-index: 90;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
    opacity:0.8;
}
.contract{
  
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  align-items: center;

 
  width: 100%;
  
  height:12rem;
 
  /*margin-top: 0.5rem;
  margin-left:44.5rem;*/

}
.tbi{

   
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.427));
    margin-top:0.8rem;
    position: fixed;
    width: 10rem;
    height:9rem;
  }
  
  
     
  
  
  @media screen and  (max-width:1200px) {
    .undoing{

     
      margin-top: 90rem;
     
      
    
    
    }
    .tbi{
      margin-top:1.8rem;
      
      width: 16rem;
      height:12rem;
    }

  }
  
  @media screen and  (max-width:712px) {

    .undoing{

     
      margin-top: 20rem;
     
      
    
    
    }
    .tbi{
      margin-top:1.5rem;
      
      width: 10rem;
      height:9rem;
    }
    .contract{
     
      
     
      height:18rem;
     
     
    
    }
    
  }