body{
      padding-top:2vh;
      padding-left: 5vw;
      padding-right: 5vw;
      background-color:hsl(205, 59%, 33%);
      color:hsl(225, 91%, 91%);
      display:flex;
      flex-direction: column;
      font-size: 3vh;
      font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    input{
      background-color:hsl(205, 59%, 43%);
      color:hsl(225, 91%, 100%);
      border: solid 1px hsl(234, 46%, 36%);
      font-size: 3vh;
      height:1.5em;
    }
    button{
      font-size:3vh;
      height:2em;
      background-color:hsl(221, 81%, 31%);
      border:solid 1px hsl(225, 91%, 80%);
      color:hsl(225, 91%, 80%);
      transition:0.1s;
    }
    button:hover{
      background-color:hsl(225, 91%, 80%);
      color:hsl(221, 81%, 31%);
      cursor: pointer;
    }
    #div1{  
      display: flex;
      flex-direction: column;
      gap:4vh;
    }
    
    #div1 div{
      display: flex;
      flex-direction: column;
    }
    #div2{
      display:flex;
      justify-content: space-around;
      max-width:100vw;
    }
    @media only screen and (max-aspect-ratio: 1/1) {
        #div2{flex-direction: column;}
    }