/*                         HEADER                                 */
body {
  background: rgb(14,12,18);
  /*background-image: url(images/graphics/patterns/cross\ pattern.png);
  background: background: rgb(14,12,18);*/
  background: linear-gradient(180deg, rgba(14,12,18,1) 0%, rgba(14,12,18,0) 71%, rgba(14,12,18,1) 100%), url(images/graphics/patterns/cross\ pattern.png);

  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%;
}

::selection {
  background: rgba(151, 65, 255, 0.117);
}

@font-face {
  font-family: 'digital disco';
  src: url('fonts/DigitalDisco.ttf');
}

@font-face {
  font-family: 'redhat mono';
  src: url('fonts/RedHat Mono.ttf');
}

.header {
  position: sticky;
  margin-left: -0.5%;
  width: 102%;
  height: 8.5vh;
  /*translate: 0 -1vh;*/
  background-color: rgba(0,0,0,0.5);
  top: 0;
  display: flex;

  z-index: 4;

  /*backdrop-filter: brightness(0.75);*/
}

.header-logo-attribute {
  padding-top: 0.75%;
  padding-left: 0.75%;

  width: 4%;
}
.header-logo {

  width: 80%;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;

  -webkit-user-drag: none;

  cursor: pointer;

  transition: all 0.25s;
}
.header-logo:hover {
  scale: 102.5%;
}
.header-logo:active {
  scale: 95%;
}

.header-option {
  color: white;
  margin-left: 4%;
  margin-top: 1.3%;
  font-size: 1.75rem;

  text-decoration: none;
  font-family: 'redhat mono';

  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;

  transition: scale 0.5s, color 0.5s;
}
.header-option:hover {
  text-decoration: underline;
  cursor: pointer;
  scale: 105%;
}
.header-option:active {
  scale: 95%;
}

.header-option-current {
  color: rgb(142, 67, 255);
  margin-left: 4%;
  margin-top: 1.3%;
  font-size: 1.75rem;

  text-decoration: none;
  font-family: 'redhat mono';

  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;

  transition: scale 0.5s, color 0.5s;
}
.header-option-current:hover {
  text-decoration: underline;
  cursor: pointer;
  scale: 105%;
  color: rgb(164, 104, 255);
}
.header-option-current:active {
  scale: 95%;
  color: rgb(142, 67, 255);
}
/*                         MAIN                                 */

.main-text {
  color: rgb(255, 255, 255);
  font-family: 'redhat mono';
  font-size: 3vh;
  font-weight: bold;
  margin-left: 2.5%;
}

.back-to-home {
  font-size: 5vh;
  font-family: 'redhat mono';
  font-weight: 500;
  margin-left: 1%;
  text-decoration: none;

  transition: all 0.5s;
}

.back-to-home:hover {
  margin-left: 2.5%;
  font-weight: 1000;
}

.boowomp {
  display: flex;
  width: 30vh;
  margin-top: 5%;
  margin-left: 5%;
  opacity: 10%;

  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}