html {
   min-height: 100%;

   text-align: center;
}

body {
   display: flex;
   justify-content: center;

   background: rgba(30, 30, 30, 1);

   color: rgba(255, 255, 255, 0.8);
   font-size: 18px;
   font-family: 'Tahoma', 'Geneva', 'sans-serif';
}

header {
   display: flex;
   flex-direction: column;
   justify-content: center;

   margin-top: 20vh;

   font-size: 2em;
}

.icons {
   display: flex;
   flex-direction: row;
   justify-content: center;

   gap: 2rem;
   font-size: 3em;
}

.subheader {
   display: flex;
   justify-content: center;


   opacity: 0.5;
}

.explanation {
   text-align: center;
}