@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
*{
    font-family: 'Space Mono', monospace;
}
.cal-height{
    height: 427px;
    border-radius: 20px;
}
.btn-percentage{
    margin: 20px;
    width: 101px;
}
.btn-margin{
    margin-left: 2px;
}
.reset-btn{
    width: 380px;
}
.input-width{
    width: 75%;
    padding: 10px 20px;
    border-radius: 5px;
}
@media screen and (max-width:1200px) {
    .ipad-flex{
        flex-direction: column !important;
    }
}

@media screen and (max-width:768px) {
    .ipad-flex{
        flex-direction: row !important;
        justify-content: center;
        /* padding: 0; */
        margin: 0 !important;
    }
    .space{
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .zero{
        flex-direction: row !important;
        justify-content: space-evenly;
  
      }
      .space-pad{
          padding-left: 60px;
      }
      .space-pad-right{
          padding-right: 20px;
      }
      .btn-percentage {
        /* margin: 20px; */
        width: 167px;
    }
  
}

@media screen and (max-width:576px) {
    .btn-percentage {
  
        width: 81px;
    }
}