@font-face {
  font-family: "Fira Mono Regular";
  src: url(/assets/fonts/FiraMono-Regular.ttf) format("truetype");
}

html,
body {
  background: black;
  color: #e6f7ff;
  overflow: hidden;
  font-family: "Fira Mono Regular";
}

#secretdoor {
  width: 128px;
  height: 128px;
}

a {
  color: lightskyblue;
}

a:visited {
  color: lightskyblue;
}

.bottomcontainer {
  display: flex;
  justify-content: space-between;
}

.secretcontainer {
  display: flex;
}

.secretcontainer p {
  align-self: flex-end;
  text-align: left;
}

.bottomcontainer {
  display: flex;
}


.textcontainer {
  border-style: solid;
  border-width: 2px;
  border-color: #7e888c;
  border-radius: 5px;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  width: 80%;
  max-width: 960px;
  min-width: 320px;
  margin: 10vh auto;
}

.textcontainer h1 {
  text-align: center;
  font-size: 50px;
}

.bodycontainer p {
  font-size: 25px;
}

.bodycontainer {
  margin-left: 10%;
  margin-right: 10%;
}