/* Zerar as configurações padrões do navegador */
*{
   padding: 0;
   margin: 0;
}
.nav.navbar.navbar-expand-lg.navbar-light .btn .btn-danger .bg-danger{
    background-color: #d12a3a;
    color: #f2f1f1 !important;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}
/* O !important serve para priorizar essa configuração especifica */
input{
   width: 150px !important;
   height: auto !important;
   font-size: 50pt !important;
   text-align: center !important;
}
.success{
    text-align: center;
    color: #f2f1f1;
}
.title_sessao{
    text-align: center;
    color: #f2f1f1;
}

/* 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: #f2f1f1;
   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-color: rgb(217, 85, 80); 
}

body.pausa {
  background-color: rgb(76, 145, 149);
  color: #f2f1f1;
  
}