/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&family=Sixtyfour:SCAN@-16&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');


.sixtyfour{
  font-family: "Sixtyfour", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: rgb(0, 255, 0);
  font-variation-settings:
    "BLED" 0,
    "SCAN" -16;

}

.fragment-mono-regular {
  font-family: "Fragment Mono", monospace;
  font-weight: 400;
  font-style: normal;
  
}

.fragment-mono-regular-italic {
  font-family: "Fragment Mono", monospace;
  font-weight: 400;
  font-style: italic;
}

.courier-prime-regular,p{
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: normal;
}

.courier-prime-bold {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: normal;
}

.courier-prime-regular-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: italic;
}

.courier-prime-bold-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: italic;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

/* Styling  */
table,th,td,p,h1,span{
    color:rgb(0, 255, 0);
}

.bigger_th {
  font-size: 32px;
}

body{
  margin-top: 1em;
  font-family: "Courier Prime", monospace;
  margin-bottom: auto;
  color:rgb(0, 255, 0);
 }

h1{
  font-size: 2.5em;
  text-align: center;
 }

h2{
  text-align: center;
}

 p,div{
  margin:10px;
  padding: 20px;

 }

 /* table formatting */
 table{
  margin:auto;
  width:100%;
  border-spacing: 0;
  border-collapse: collapse;
 }

 td,th{
  border-style:none;
  padding: 0.5em;
  width:auto;
 }

 tfoot td{
  border-style:none;
  padding:0.5em;
  width:auto;
  font-size:11px;
  font-style: italic;
  text-align: center;
 }

 thead :first-of-type{
  background-color:rgb(0, 255, 0);
  color: black;
 }

 tfoot :first-of-type{
  background-color:rgb(0, 255, 0);
  color: black;
 }

 td.price{
  white-space: nowrap;
 }
 td.exploit{
  white-space: wrap;
  
 }

caption{
  font-family:"Courier Prime", monospace; 
  font-size: 1.75em;
  padding-bottom: 0.5em;
}
table a{
  color: black;

}

table a:hover{
  color: rgb(0,0,245);

}
table th{
  border-right: 2px solid rgb(0, 255, 0);
  border-left: 2px solid rgb(0, 255, 0);
  
  
}
table td{
  border-bottom: 2px solid rgb(0, 255, 0);
  border-right: 2px solid rgb(0, 255, 0);
  border-left: 2px solid rgb(0, 255, 0);
  
  
}

.responsive {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.product{
  display: block;
  margin-left: auto;
  margin-right: auto;
  image-resolution: 150;
  

}

/*Hide Image when screen size is <= 550px*/
@media only screen and (max-width: 650px) {
  .responsive {
    display: none;
  }
  .product{
    display: none;
  }
}



.digitalrain{
  background-image: url('https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExY3dmZGI1NjZ0aWVhdmo0ODJkN3k4ZmZrdGFibXc5cDdoOG1ueXYxayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/quEsMOrr3hmQ8/giphy.gif');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


#validation{
  text-align: center;
}

a{
  color: rgb(0, 255, 0);

}


a:hover{
  color: rgb(0,0,245);
}