* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lexend", sans-serif;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  width: 100vw;
  background-color: var(--background-color);
}

:root {
  --primary-color: #0077b6;
  --primary-color-light: #3a74d7;
  --primary-color-dark: #203a65;
  --light-accent-color: #4db3d8;
  --dark-accent-color: #0e2753;
  --light-color: #fbf9fa;
  --dark-color: #12171f;
  --text-color: var(--dark-color);
  --text-color-light: var(--light-color);
  --background-color: var(--light-color);
  --background-color-light: var(--light-color);
  --background-color-light-accent: #e8eff6;
  --background-color-dark: var(--dark-color);
  --button-color-light: var(--light-accent-color);
  --button-color-dark: var(--dark-accent-color);
  --button-color-hover-light: var(--primary-color);
  --button-color-hover-dark: var(--primary-color);
}

.content {
  padding-top: 90px;
}