/* Zerar as configurações padrões do navegador */
*{
   padding: 0;
   margin: 0;
}

/* O !important serve para priorizar essa configuração especifica */
input{
   width: 150px !important;
   height: 150px !important;
   font-size: 50pt !important;
   text-align: center !important;
}

/* Tirar o botão de mais e menos do input tipo number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type="number"] {
   -moz-appearance: none;
}

.time{
   color: #ff0000;
   text-align: center;
   width: 20rem;
   height: 20rem;
   border-radius: 10rem;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: auto !important;
}

h2{
   font-size: 90pt;
}

#timer{
   display: none !important;
}

body {
  background: rgb(16, 113, 255);
  background: linear-gradient(
    0deg,
    rgb(96, 153, 200) 0%,
    rgb(96, 153, 200) 100%
  );