*,
*:before,
*:after {
    box-sizing: border-box;
    
}

html {
    font-size: 16px; 
    /* 1ram=16px */
    display: flex;
    align-items: center;
    justify-content: center;

    
}

body {
    margin: 0;
    padding: 0;
    /* this make sure all top left coner */
  }

  main{
   /* width: 100vw;
   height: 100vh; */

    /* width: 700px;
   height: 600px; */

   width: 44rem;
   height: 37rem;
     
  }