html, body {
    
    height:100%;
    width:100%;
    padding:0;
}


  
   @media  (max-width: 500px)  {
    .rmr{
      margin-top: 5%;
    }
    
       .at1{
          font-size: 1.2rem;
        
          font-weight: bold;
          text-align: left!important;
       }
       .abh{
         font-size: 5rem;
         text-align: right;
         float: right;
       }
       .ac1{
             font-size: 1rem;
             text-align: left!important;
       }
    
       .testn{
           font-weight: bold;
           font-size: 1.1rem;
          
           margin-top: 3%;
       }
       .git{
         font-weight: bold;
         color: black;
         align-items: center;
         text-decoration: none;
         text-align: center;
    
       }
       .git:hover{
        color: gray;
       }
       .aimcl{
         align-items: center;
         text-align: center;
       }

   }

   @media (min-width: 660px){
    .rmr{
      margin-top: 3%;
    }
    
       .at1{
          font-size: 2rem;
        text-align: center;
          font-weight: bold;
          text-align: left!important;
       }
       .abh{
         font-size: 10rem;
         text-align: right;
         float: right;
       }
       .ac1{
             font-size: 1.3rem;
             text-align: left!important;
             
       }
     
       .testn{
           font-weight: bold;
           font-size: 2.1rem;
          
           margin-top: 3%;
       }
       .git{
         font-weight: bold;
         color: black;
         align-items: center;
         text-decoration: none;
         text-align: center;
    
       }
       .git:hover{
        color: gray;
       }
       .aimcl{
         align-items: center;
         text-align: center;
       }
   }