.num::-webkit-inner-spin-button,
.num-spinner::-webkit-outer-spin-button {  
    -webkit-appearance: none;
    margin: 0;
  }
  /* .no-spinner {
  -moz-appearance: textfield
} */

  body{
    background: linear-gradient(45deg, #304e4c, #468e6e, #4ba31c, #93d700) fixed;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
 }

 .cont-m{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    background:linear-gradient(45deg, #93d700, #4ba31c, #468e6e, #304e4c);
    /* background:transparent; */
    border-radius: 15px;
    width: 70vw;
    height: 65vh;
    border: 5px black solid;
    padding: 30px;
    /* backdrop-filter: blur; */

}

.cont-1{
  display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: calc(60vw - 30px);
    height: 27.5vh;
}
.cont-2{
  /* padding-top: 15%; */
  height: 27.5vh;
  width: 400px;
  border: black,solid,4px;
  border-radius:20px;
text-align: center;
}

#btn{
  display: flex;
  font-weight: bolder;
  font-family:Arial, Helvetica, sans-serif;
  font-size: x-large;
  width: 120px;
  height: 80px;
  border: black,solid,4px;
  border-radius:15px;
}
.keep-1{
  display: flex;
}
.keep-2{
  display: flex;
}
.num{
  text-align: center;
  font-size: xx-large;
  display: flex;
  width: 400px;
  height: 120px;
  border: black,solid,4px;
  border-radius:20px;
  margin: 10px;
}

#p{

  font-family: Arial, Helvetica, sans-serif;
  font-size: 98px;

}