/* GENERAL */

@font-face {
  font-family: 'PermanentMarker';
  font-weight: normal;
  src: url('fonts/PermanentMarker-Regular.ttf');
}

@font-face {
  font-family: 'Comfortaa';
  font-weight: 300;
  src: url('fonts/Comfortaa-VariableFont_wght.ttf');
}

@font-face {
  font-family: 'Raleway';
  font-weight: normal;
  src: url('fonts/Raleway-VariableFont_wght.ttf');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  src: url('fonts/Roboto-VariableFont_wdth\,wght.ttf');
}

:root {
  --wprrs-logo-blue: #001946;
  --wprrs-logo-red: #e12832;
  --wprrs-logo-dark-green: #324632;
  --wprrs-logo-light-green: #82a541;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  transition: all 300ms ease;
}

body {
  padding: 80px 0 0 0;
  background-color: rgb(240, 240, 240);
  background-color: #f0f0f0;
}

html, body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: black;
  font-family: 'Helvetica';
}

li {
  font-family: 'Comfortaa';
}

p {
  text-decoration: none;
  font-family: 'Comfortaa';
  pointer-events: none;
}

a {
  color: black;
  text-decoration: none;
  font-family: 'Raleway';
}

/* VERTICAL SPACING */
.vertical-spacing-xxxs {height: 5px;}
.vertical-spacing-xxs {height: 25px;}
.vertical-spacing-xs {height: 50px;}
.vertical-spacing-s {height: 100px;}
.vertical-spacing {height: 150px;}
.vertical-spacing-l {height: 200px;}
.vertical-spacing-xl {height: 250px;}



/* ALIGNMENT */
.center-vertically {top: 50%; transform: translateY(-50%);}
.center-horizontally {left: 50%; transform: translateX(-50%);}
.center-evenly {top: 50%; left: 50%; transform: translate(-50%, -50%);}