/* Fonts */
@font-face {
  font-family: 'VictorianLetPlain';
  src: url('../fonts/VictorianLetPlain.woff2') format('woff2');
}

@font-face {
  font-family: 'Prata-Regular';
  src: url('../fonts/Prata-Regular.woff2') format('woff2');
}

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

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

/* Reset default styles */
/* Theme colors */
:root {
  --tree-green: #39b54a;
  --tree-green-light: #00a580;
  --yellow: #f8e71c;
}

/* Global styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  touch-action: none;
}

div {
  transition: opacity 0.25s ease-in-out;
  touch-action: none;
}

/* Full screen canvas setup */
#experience {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#camerafeed {
  width: 100%;
  height: 100%;
}

video {
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

button:hover {
  color: black;
}

button:active {
  color: black;
}

button:focus {
  color: black;
}