@font-face{font-family:Raleway;font-style:normal;font-weight:300;font-display:swap;src:url(Raleway.ttf) format('truetype')}
 body,html{font-size:calc(0.8em + 1vw)}
 body{width:100%;color:#1b1b1b;font-family:Raleway,Arial,Helvetica,sans-serif;background:#f0cfd5;line-height:2em;}
 li{line-height:2.5em;height:auto;}
 a{text-decoration:none;line-height:2.2em;color:#800000;}
 h2{font-family:Raleway,Arial,Helvetica,sans-serif;font-size:1em;}
 h4{font-family:Raleway,Arial,Helvetica,sans-serif;}
#gridnav{display:grid;grid-template-rows:2fr;grid-template-columns:1fr 1fr 1fr;grid-gap:0px;color:#800000;width:100%;}


#gridnav > div{font-size:1.25em;padding:0px;background:white;text-align:center;width:100%;}


#gridtop{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-gap:0.25em;color:navy;}
#gridtop > div{font-size:4em;padding:0.5em;color:navy;text-align:center;}
.text-center{text-align:center;}
#gridexe{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:0vw}#gridexe > div{font-size:3vw;padding:.5em;background-color:white;text-align:center;}
.ball{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: white;

  animation: bounce 0.5s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5,0.05,1,.5);
  animation-iteration-count: infinite;
}

@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(0, 200px, 0); }
}

/* Prefix Support */
ball {
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(.5,0.05,1,.5);
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); }
} 
.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.collapse:not(.show){display:none;}
label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important;}
}#grid{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-gap:0px;}#grid > div{font-size:2em;padding:0.5em;background-color:white;text-align:center;}#gridnext{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-gap:0px}#gridnext > div{font-size:3dm;padding:0.5em;background-color:white;text-align:center;}
#gridpag{display:grid;grid-template-rows:1fr;grid-template-columns: auto auto auto auto auto auto auto auto;grid-gap:0.3em;}#gridpag > div{font-size:1.2em;padding:10px;}
#gridin{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-gap:0px}#gridin > div{font-size:1em;padding:0.5em;background-color:white;color:navy;text-align:center;}

#grid2{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-gap:0px;}
#grid2 > div{font-size:1.5em;padding:0.5em;background:#f0cfd5;text-align:center;}
#ngrid{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;grid-gap:4px;}#ngrid > div{font-size:1em;padding:5px;background:white;color:navy;text-align:center;}
ul {
    font-size: 22px;
    margin: 0;
    padding-left: 0;
    list-style: none;
  } 
  .pr{
margin:1em;width:4em;}