body 
{
  background-color: black;
}

.wrapper {
  max-width: 450px;
  margin: 0 auto;
}

/* * { border: 1px solid red !important; } */

@font-face 
{
    font-family: "Nokia Font";
    src: url('nokiafc22.ttf')  format('truetype');
}

h1 
{
  color: white;
  text-align: left;
  font-family: 'Nokia Font';
  font-size: 24px;
}

.photoGallery {
  text-align: center;
}

/* hide radio buttons */
.photoGallery input {
  display: none;
}

.big-image {
  display: none;
  width: 100%;
  margin: auto;

}

/* show big image depending on which radio is checked */
#img1:checked ~ .images #big1,
#img2:checked ~ .images #big2,
#img3:checked ~ .images #big3 {
  display: block;
}

.thumbnails label img {
  /* width: 100px; */
  cursor: pointer;
  margin: 5px;
  border: 4px solid transparent;
  transition: border 0.2s;
}

/* highlight active thumbnail */
#img1:checked ~ .thumbnails label[for="img1"] img,
#img2:checked ~ .thumbnails label[for="img2"] img,
#img3:checked ~ .thumbnails label[for="img3"] img {
  border: 4px solid white;
}

p 
{
  color: white;
  text-align: center;
  font-family: 'Nokia Font';
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 15px;
}


.Websites {
  width: 100%;
  position: relative;
  text-align: center;

  a {
    text-decoration: none;
  }

  a img {
    border: none;
  }
}
#Reddit, #Instagram, #Discord {
  width: 60px;
  padding-right: 15px;
  padding-left: 15px;
}

h2
{
  color: white;
  position: relative;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0px;
  font-family: 'Nokia Font';
  font-size: 12px; 
}