body {
  padding-bottom: 6rem;
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

header{width:100%;margin: 0 auto;}
header h1{width:90%;max-width: 400px; margin:50px auto 0px auto;padding:0px 0 2px 0; text-align: center;font-weight: normal !important;color: #00A3EA; font-size: 20px !important;letter-spacing: 1px;/*border-bottom: 1px solid #00A3EA;*/}

main {
  /*margin-top: 1rem;*/width:100%;margin: 0 auto;
}

.container {  /*padding-left: 1rem;  padding-right: 1rem;*/width:80%;max-width: 500px;margin: 0 auto;padding: 0px 0; }

.container > ul{width:90%;max-width: 400px;margin: 0 auto;padding:30px 0 10px 0;border-top:1px solid #00A3EA;border-bottom:1px solid #00A3EA;}
.container > ul > li{list-style: none;margin: 0 0 20px 0;padding:0px 0px 0 0;list-style: none;font-size: 18px;letter-spacing: 1px;/*text-align: center;*/color: #00A3EA;/*background:#F0FCFF;*/}
.container ul li ul{margin:10px auto 0 auto;}
.container ul li ul li a{display: block;width:100%; padding: 12px 0px;margin: 0 auto 10px auto;background:#00A3EA; color: white;text-decoration: none;text-align: center;font-size: 18px;letter-spacing: 1px;border-radius: 5px;} 
.container ul li ul li a:hover{background: slategray}

a {
  --text-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--text-opacity));
}

a:hover {
  --text-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--text-opacity));
  text-decoration: underline;
}

ul {
  /*list-style-type: disc;
  padding-left: 1rem;*/
}