/*
Theme Name: NAM 
Author: Helgate
Author URI: http://helgate.co.uk
Description: pots!
Version: 1.1

*/



@font-face {
  font-family: "Prophet";
  src: url("fonts/ProphetTrial-Thin.otf") format("opentype");
  font-style: normal;
  font-weight: 100;
} 
@font-face {
  font-family: "Prophet";
  src: url("fonts/ProphetTrial-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 200;
} 
@font-face {
  font-family: "Prophet";
  src: url("fonts/ProphetTrial-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
} 
@font-face {
  font-family: "Prophet";
  src: url("fonts/ProphetTrial-Italic.otf") format("opentype");
  font-style: italic;
  font-weight: 200;
} 
@font-face {
  font-family: "Prophet";
  src: url("fonts/ProphetTrial-ThinIta.otf") format("opentype");
  font-style: italic;
  font-weight: 100;
}


:root {
  --white: #ffffff;
  --black: #000000;
  --sitepadding: 0.3rem;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Prophet";
  font-size: 1.7rem;
  line-height: 1.2;
  letter-spacing: 0px;
  font-weight: 200;

  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility!important;
  -webkit-font-smoothing: antialiased!important;
  -webkit-tap-highlight-color: transparent;
}

a{
  color: inherit;
  text-decoration: none;
  position: relative;
}
a:hover{
}

menu{
  position: fixed;
  top: 0px;
  width: 100vw;
  margin: 0px;
  padding: var(--sitepadding);
}
.title{
  font-weight: 200;
}

controls{
  position: fixed;
  top: var(--sitepadding);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
controls div{
  text-transform: uppercase;
  font-weight: 100;
  font-size: 1rem;
  background: grey;
  color: white;
  padding: var(--sitepadding);
  padding-left: calc(var(--sitepadding) *2);
  padding-right: calc(var(--sitepadding) *2);
  border-radius: 1rem;
  margin-left: var(--sitepadding);
}

@media (max-width: 800px){

}