body{
    background-color:black;
    padding: 0px;
    margin: 0px;
    color: #ccc;
    font-family: Amatic SC;
    font-weight: bold;
 }
 .black{
   background-color: black;
 }
 .darkred{
   background-color: #440000;
 }
 .darkgreen{
  background-color: rgb(0, 45, 0);
 }
 .darkyellow{
  background-color: rgb(56, 34, 0);
 }
 .darkgrey{
  background-color: rgb(59, 59, 59);
 }
 .darkorange{
  background-color: rgb(56, 22, 0);
 }
 .red-text {
   font-size: 80px;
   font-family: Amatic SC;
   font-weight: bold;
   color: #990000;
 }
 .orange-text {
   font-size: 60px;
   font-family: Amatic SC;
   font-weight: bold;
   color:chocolate;
   text-align: center;
 }
 .yellow-text {
   font-size: 60px;
   font-family: Amatic SC;
   font-weight: bold;
   color: goldenrod;
 }
 p, li{
    font-size: 40px;
    font-family: Amatic SC;
    color: gray;
    text-align: justify;
 }
 .p-center{
   text-align: center;
 }
 .a-red{
   color: #cc0000;
 }
 .a-orange{
   color: chocolate;
 }
 .a-yellow{
  color: goldenrod;
 }
 .a-green{
  color: green
 }
 .a-grey{
  color: grey
 }
 a{
  color: darkred;
  text-decoration: none;
}
 a:hover{
   color: white;
   text-decoration: none;
 }
 .text-decoration-none{
   text-decoration: none;
 }
 h1{
    font-size: 80px;
    font-family: Amatic SC;
    font-weight: bold;
    color: #990000; 
 }
 h2{
   font-size: 40px;
   font-family: Amatic SC;
   font-weight: bold;
   color: #999;
   
 }
 h4{
  font-family: Amatic SC;
  font-weight: bold;
  font-size: 40px;
}
 h3{
  font-size: 40px;
  font-family: Amatic SC;
  font-weight: bold;
  color: chocolate;
  text-align: center;
}
 input[type=text] {
    font-size: 40px;
    font-family: Amatic SC;
    color: white;
    background-color: transparent;
    border: none;
    text-decoration: underline;
    text-decoration-thickness: 1px;
 }
 input[type=radio] {
    background-color: black;
    font-size: 33px;
 }
 .button{
   background-color: #990000;
   font-size: 40px;
   font-family: Amatic SC;
 }
 .tunnel{
 width: 60%;
 margin: auto;
 background-image: url("../img/tunel.jpg");
 background-repeat: no-repeat;
 background-position: right top;
 background-size: 30%;
 background-color: black;
 }
 .footer{
   background-color: #220000;
   color: #ccc;
   font-family: 'Courier New', Courier, monospace;
 }
 .card{
background-color: rgba(0, 0, 0, 0);
border: 1px solid #eee;
 }
 .blackred{
  background-color: #220000;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: white;
  font-size: 40px;
  width: 40%;
  background-color: rgba(0, 0, 0, 0.7);
}
.bottom {
  position: absolute;
  top: 60%;
  left: 35%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: white;
  font-size: 40px;
  width: 100%;
}
.top {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: white;
  font-size: 40px;
  width: 80%;
}