@font-face {
  font-family: "Orkney";
  src: url("/polices/orkney/orkney-regular.otf") format("opentype");
  font-weight: regular;
}

@font-face {
  font-family: "Orkney";
  src: url("/polices/orkney/orkney-bold.otf") format("opentype");
  font-weight: bold;
}

@font-face {
  font-family: "Orkney";
  src: url("/polices/orkney/orkney-light.otf") format("opentype");
  font-weight: light;
}

@font-face {
  font-family: "Akira-expanded";
  src: url("/polices/akira_expanded/Akira Expanded Demo.otf") format("opentype");
}

@font-face {
  font-family: "Maxlock";
  src: url("/polices/maxlock/Maxlock.otf") format("opentype");
}

:root {
  --primary: #4da798;
  --bold-primary: #2b635c;
  --secondary: #a6ffed;
  --bold-secondary: #4bb0a3;
  --profil-background-color: #e2fffa;
  --tertiary: #5e5e5e;
  --color-warm-yellow: #FFDB76;
  --color-golden-ochre: #c19004;
  --color-soft-pink: #FF9898;
  --color-earthy-red: #ad6767;
  --color-bright-green: #A1FF72;
  --color-vibrant-green: #6db249;
  --color-lemon-yellow: #FFEC41;
  --color-dark-amber: #c08c04;
  --color-gainsboro: #dcdcdc;
  --font-primary: "Orkney", sans-serif;
  --font-secondary: "Akira-expanded", sans-serif;
  --font-tertiary: "Maxlock", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-size: 14px;
  min-height: 100vh;
  min-width: 100vw;
  font-family: var(--font-primary);
  font-weight: 400;
}

body {
  display: flex;
  flex-direction: column;
}