/* ==== BODY ====== */

body {
  display:grid;
  background-image: url("../img/background-main.png");
  background-size: cover; 
  background-size: cover; 
  image-rendering:pixelated;
  background-repeat:no-repeat;
  z-index:1;
 }

 /* ====== MAINFRAME ======= */

 .mainframe {
  z-index:2;
  width: 819px;
  max-width: 819px;
  min-height:110vh;
  display:flex;
  flex-direction: column;
  margin:auto;
  background-color: transparent;
  box-shadow: 0 0 2em black;
  background: #000A;
  justify-content: space-between;
  margin-top:21px;
  margin-bottom:21px;
  margin-left:auto;
  margin-right:auto;
 }

 .text {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: auto;
 }

 .text-jail {
  margin-right: 20px;
  margin-left: 20px;
 }

 .logo {
  padding-bottom:21px;
  padding-top:21px;
  margin:auto;
  display:flex;
  text-align:center;
  width:368px;
  height:48px;
 }

 .badge-container {
  margin-left:auto;
  margin-right:auto;
  width:456px;
  display: block;
  justify-content: space-around;
  text-align: center;
 }

/* ===== NAVBOX ====== */

.navbox  {
  display:flex;
  margin:auto;
  justify-content: space-between;
  margin-right: 20px;
  margin-left: 20px;
 }


.navbox a {
  text-decoration: none;
  color:white;
  font-family: 'Times New Roman', Times, serif;
  font-size:32px;
 }


 /*===== FOOTER ===== */
 
 
  /* ===== Table ===== */
  
  table {
  color: white;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
 }
 
  th, td {
  border: 2px solid white;
  padding:14px;
 }
 
   th {
  background-color:#1C4863;
 }



 /* ===== MISC ===== */

 p {
  color: white;
  margin-top:5vh;
  margin-bottom:5vh;
 }

 li {
  margin-top:5vh;
  margin-bottom:5vh;
 }

 h1 {
  color: white;
  font-family: 'Times New Roman', Times, serif;
  text-align:center;
  margin-top:5vh;
  margin-bottom:5vh;
 }

 h2 {
  color: white;
  font-family: 'Times New Roman', Times, serif;
  text-align:center;
  margin-top:5vh;
  margin-bottom:5vh;
 }

 .navbox a:hover {
  color: #206D9A;
}

.text-center {
  text-align:center;
}

hr.solid {
  color:white;
  opacity: 0.5;
  width:790px;
}

a {
  text-decoration: none;
  color:#206D9A;
  font-weight: bold;
  margin-top:5vh;
  margin-bottom:5vh;
 }

* {
  background-attachment: fixed;
  scrollbar-color: #206D9A black;
 }


 a:hover {
  color:#5297be;
 }

 .img-generic {
  max-width:544px;
 }

 .img-blur {
  image-rendering:auto
 }

 ul {
  color:white;
  margin-top:5vh;
  margin-bottom:5vh;
 }