*, *::before, *::after{
  margin:0;
  padding:0;

  box-sizing: border-box;
}

img {border: none;}


/* Typography */
@font-face {
  font-family: 'Albula';
  src: url('fonts/AlbulaPro-Trial-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'AlbulaItalic';
  src: url('fonts/AlbulaPro-Trial-Oblique.otf') format('opentype');
}

@font-face {
  font-family: 'AlbulaBoldItalic';
  src: url('fonts/AlbulaPro-Trial-BoldOblique.otf') format('opentype');
}

@font-face {
  font-family: 'AlbulaBold';
  src: url('fonts/AlbulaPro-Trial-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'ErikaBold';
  src: url('fonts/erika_bold.ttf') format('truetype');
}

@font-face {
  font-family: 'ErikaBoldItalic';
  src: url('fonts/erika_bold_italic.ttf') format('truetype');
}

@font-face {
  font-family: 'ErikaItalic';
  src: url('fonts/erika_italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Erika';
  src: url('fonts/erika.ttf') format('truetype');
}


html{font-size: 14px;transition: font-size 0.5s;}
body {
  font-family: 'Erika', monospace;

  font-size: 1rem;
	line-height:1.5;

  color: #f1e9d7;

}
a{color: #f1e9d7; font-family: 'ErikaItalic'; text-decoration:none;}
a:hover {color: #E98D08;text-decoration:none;}

p, ul{padding:0 0 1.5em 0;}
strong{font-family: 'ErikaBold';font-weight: normal;}
small{font-size: 0.75em;line-height: 0.5em;}

p br{display: none;}

h1, h1 a{
  font-family: 'AlbulaBold';

  font-size:10rem;
  line-height: 1;
  font-weight: normal;

  color:#E98D08;
}



/* End Typography */



/* Layout */
body {
  background-color: #3B4550;
}

main {
 padding-left: 12rem;
}






p{
  max-width: 76ch;
}

#logo{
  display: block;
  position: absolute;

  top:2rem;
  left:4rem;

  z-index:1003;
}

#logo svg{
  width:4rem;

  fill:#f1e9d7;
  transition: opacity 500ms ease;
}


.center{text-align: center;}
img.center {
  display:block;
  margin-left: auto;
  margin-right: auto;
}
.multiply{mix-blend-mode: multiply;}

address {
 display: block;
 font-style: normal;
}
address p br{display: block;}


/* Mid Screen */
@media screen and (min-width: 925px){


}


/* Big Screen */
@media screen and (min-width: 964px){
  html{font-size:18px;}
  section p{margin-left:14.2rem;}
}
/* End Layout */


/* zeke the freak, was here (2023) */