@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500&display=swap');
* { padding:0; margin:0; }
  html { font-family:'Times New Roman',Georgia; text-align:center; overflow-x:hidden; }
  body { background-color:#99ffcc; }
  header { background-color:#006600; outline:0.5px solid black; font-size:18px; color:white; text-shadow:1px 1px 5px black; padding:20px 0; }
  .menu { padding-top:5px; color:black; font-size:30px; font-weight:bold; font-family:'Verdana'; text-shadow:1px 1px 3px black; }
  .menu:hover { cursor:pointer; color:white; transition-duration:1s; transition-timing-function: ease; }
  .m { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform: rotate(180deg); transform:rotateX(180deg); }
  .menu-geral { position:absolute; width:300px; height:500px; outline:0.5px solid black; background-color:#f0fff1; margin-top:20px; z-index:2; display:none; }
  h2 { font-family: 'Lora', serif; color:#fefee3; font-size:30px; }
  input:invalid {border: red 1px solid;}
  #paudio span { color:red; cursor:pointer; }
  .input-tempo { width:80px; height:80px; text-align:center; font-size:30px; }
  .btn-design-valores { width:50px; height:50px; border-radius:50%; }
  .cabeça-da-tabela { background-color:#339933; border:2px solid #adadad; }
  .checkbox { text-align:justify; }
  .btn-start { width:220px; height:50px; background-color:black; color:yellow; font-size:30px; font-weight:900; border-radius:3px; } /*bg#228B22*/
  .hms { font-size:42.5px; }
  .filem { cursor:copy; }