* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f7f1e6;
  font-family: Pathos-Regular;
  font-size: 2vh;
}

@font-face {
  font-family: Pathos-Regular;
  src: url(Pathos-Regular.ttf);
}
@font-face {
  font-family: My Font;
  src: url(AHHH.ttf);
}

iframe {
  border: none;
  position: fixed;
}
p {
  padding-top: 0.3vh;
  padding-left: 0.4vh;
}
a {
  text-decoration: none;
}
a:visited {
  color: #f7f1e6;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  width: auto;
  max-width: 100%;
}

/* background */
.clouds {
  position: fixed;
  z-index: -4;
  right: 100%;
}
.background {
  width: 100vw;
  height: 100vh;
  z-index: -10;
  position: fixed;
}
.rocks {
  pointer-events: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

/* actual page */
.titleImg {
  width: 40%;
}
.page {
  width: 110vh;
	max-width: 100%;
  margin: auto;
  margin-bottom: 8vw;
}
.pageBackground {
  background-image: url(./img/MenuBackground.svg);
  box-sizing: border-box;
  border-color: #f7f1e6;
  border-width: 2px;
  border-style: solid;
  padding: 5px;
}
.pageBackgroundColor, .dividerMajor, .dividerMinor {
  background-color: #602730;
}
.pageBorder {
  box-sizing: border-box;
  border-color: #f7f1e6;
  border-width: 2px;
  border-style: solid;
}
.header {
  font-size: 2.2em;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 5px;
}
.secondaryHeader {
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 5px;
}
.thirdHeader {
  font-size: 1.3em;
  font-weight: bold;
  padding-top: 0.4vh;
  padding-left: 5px;
}

.marginDown {
  margin-bottom: 2px;
}
.marginDownBad { /* not a reference to anything ehehe */
  margin-bottom: 5px;
}
.dividerMinor {
  padding-top: 0.3vh;
  padding-left: 0.4vh;
}
.dividerMajor {
  font-size: 1.2em;
  padding-top: 0.3vh;
  padding-left: 0.4vh;
  box-sizing: border-box;
  border-color: #f7f1e6;
  border-width: 2px;
  border-style: solid;
  font-weight: bold;
}

#footer {
  background-color: #602730;
  width: 100%;
  height: 1.5vh;
}

/* home page */
.pageHomeText {
  width: calc(80% - 2px);
  display: inline-block;
}
.pageHomeMenu {
  width: 20%;
  float: right;
  background-color: #f7f1e6;
  padding-bottom: 2px;
}
@media only screen and (max-width: 1100px) {
  .pageHomeText {
    width: 100%;
  }
}

/* misc pages */

/* How about some bs imgage stuff :O No one would be bvery yes :+1: */
.displayImg {
  box-sizing: border-box;
  border-color: #f7f1e6;
  border-width: 2px;
  border-style: solid;
  margin: 5px;
}
.display {
  box-sizing: border-box;
  background-color: #f7f1e6;
  padding: 2px;
}
.showOff {
  width: 100%;
  display: block;
}
.pixelated {
  image-rendering: pixelated;
}