@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400&display=swap'); 
 @import url('https://fonts.googleapis.com/css2?family=Wallpoet&display=swap');
 @font-face { font-family: LiquidCrystal; src: url(fontes/LiquidCrystal-Normal.otf); }
  * { padding: 0; margin: 0; }
  html { font-family:'Times New Roman',Georgia; text-align:center; overflow-x:hidden; }
  body { background:Black; color:white; }
  header { background-color:#FFD700; border:0.5px solid black; font-size:18px; color:white; text-shadow:1px 1px 3px yellow; 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); -ms-transform: rotate(180deg); transform:rotateX(180deg); }
  .menu-geral { position:absolute; width:300px; height:500px; border:0.5px solid black; background-color:yellow; margin-top:20px; z-index:2; display:none; }
  h2 { font-family: 'Oxanium', cursive;}
  table { padding:10px; }
  tr td { padding:10px; }
  .centro { width:50%; height:500px; border:3px solid white; }
  .btn { width:140px; height:139px; display:table-cell; border:1px solid white; border-radius:70px; word-break:keep-all; vertical-align:middle; font-size:22px; font-weight:900; cursor:pointer; }
  .btnstart:hover { background-color:DarkGreen; border-color:green; transition-duration:0.5s;}
  .btnstop:hover { background-color:FireBrick; border-color:Crimson; transition-duration:0.5s;}
  .btnsmt:hover { background-color:Gold; border-color:Yellow; transition-duration:0.5s; }
  .btnsres:hover { background-color:Coral; border-color:Orange; transition-duration:0.5s; }
  .btnsapamt:hover { background-color:Gainsboro; border-color:LightGray; transition-duration:0.5s; }
  .center { width:100%; height:310px; display:table; color:Snow; font-family:LiquidCrystal,'Wallpoet'; font-size:100px; }
  .cell { display:table-cell; text-align:center; vertical-align:middle; }
  footer img { filter:invert(100%); }
  
  
  @media only screen and (max-width: 750px) {
  .center { font-size:80px; }
  }
  @media only screen and (max-width: 500px) {
  .center { font-size:56px; height:100px; }
  .centro { height:370px; }
  }
  @media only screen and (max-width: 300px) {
  .btn { width:50px; height:49px; border-radius:25px; }
  }
  @media only screen and (max-width: 900px) {
  tr { display: inline-block; float: left; }
  td { display: inline-block; }
  .btn { width:90px; height:89px; display:table-cell; border:1px solid white; border-radius:45px; word-break:keep-all; vertical-align:middle; font-size:12px; font-weight:900; }
  }
  @media only screen and (max-width: 1300px) {
  .centro { width:70%;}
  }