@import url("/css/theme.css");


@font-face {
  font-family: "0xProto";
  src: url("/fonts/0xProto/0xProtoNerdFont-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "0xProto";
  src: url("/fonts/0xProto/0xProtoNerdFont-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: "0xProto";
  src: url("/fonts/0xProto/0xProtoNerdFont-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}



@font-face {
  font-family: "0xProtoMono";
  src: url("/fonts/0xProto/0xProtoNerdFontMono-Bold.ttf") format("truetype");sty
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "0xProtoMono";
  src: url("/fonts/0xProto/0xProtoNerdFontMono-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "0xProtoMono";
  src: url("/fonts/0xProto/0xProtoNerdFontMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "0xProtoProp";
  src: url("/fonts/0xProto/0xProtoNerdFontPropo-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face{
  font-family: "0xProtoProp";
  src: url("/fonts/0xProto/0xProtoNerdFontPropo-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face{
  font-family: "0xProtoProp";
  src: url("/fonts/0xProto/0xProtoNerdFontPropo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}



body {
  padding: 0;
  margin: 0;
  font-family: "0xProtoMono";
  background-image: url("/assets/lands1.jpg");
  background-size: cover;
  background-position: center;
}


.flex {display: flex;}


.column {flex-flow: column nowrap;}

.row {flex-flow: row nowrap;}

.w100p {width: 100%;}


.space-around {justify-content: space-around;}
.jcenter {justify-content: center;}
.acenter {align-items: center;}


.hfitcont {height: fit-content;}
.h100v {height: 100vh;}
.h90v {height: 90vh;}
.h80v {height: 80vh;}
.h60v {height: 60vh;}

.gap05rem {gap: .5rem;}
.gap1rem {gap: 1rem;}
.gap1\.5rem {gap: 1.5rem;}
.gap2rem {gap: 2rem;}
.gap2\.5rem {gap: 2.5rem;}

.pad05rem {padding: .5rem;}
.pad1rem {padding: 1rem;}
.pad1\.5rem {padding: 1.5rem;}

.padb1rem {padding-bottom: 1rem;}

.pointer {cursor: pointer;}

.mart3rem {margin-top: 3rem;}

.marb1rem {margin-bottom: 1rem;}
.marb3rem {margin-bottom: 3rem;}

.rcorners {border-radius: 10px;}


.btn {
  border: none;
  padding: .5rem 1rem;
  background-color: hsl(var(--foam)/.5);
  border-radius: 10px;
  transition: all .250s ease-in-out;
  cursor: pointer;
}


.btn:hover {
  background-color: hsl(var(--foam));
}