@font-face {
  font-family: 'Unbounded';
  font-weight: 400;
  font-style: normal;
  src: url("/static/fonts/Unbounded-Bold.ttf");
}

@font-face {
  font-family: 'RimmaSans';
  font-weight: 400;
  font-style: normal;
  src: url("/static/fonts/Rimma_sans-Bold.ttf");
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  src: url("/static/fonts/Montserrat-VariableFont_wght.ttf");
}

* {
  font-family: 'Montserrat', Arial, sans-serif;
}

body {
  height: 100%;
  overflow: auto;

  /* fallback for old browsers */
  background: #000080;

  /* Chrome 10-25, Safari 5.1-6 */
  background:
    -webkit-linear-gradient(310deg, rgba(0, 0, 128), rgba(0, 0, 128, 0) 100%);
    -webkit-linear-gradient(0deg, rgba(134, 0, 201), rgba(134, 0, 201, 0) 90.71%);
    -webkit-linear-gradient(170deg, rgba(50, 50, 200, 0.8), rgba(50, 50, 200, 0) 70.71%);

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background:
    linear-gradient(310deg, rgba(0, 0, 128), rgba(0, 0, 128, 0) 100%),
    linear-gradient(0deg, rgba(134, 0, 201), rgba(134, 0, 201, 0) 90.71%),
    linear-gradient(170deg, rgba(50, 50, 200, 0.8), rgba(50, 50, 200, 0) 70.71%);
}

html {
  scroll-behavior: auto;
  height: 100%;
  overflow: hidden;
}

section {
    color: white;
}

.full-screen {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.default-purple-button {
  text-decoration: none;
  font-size: 18px;
  padding: 10px 15px;
  border: none;
  border-radius: 10px;
  background-color: rgba(50, 50, 200, 0.8);
  color: white;
}

.default-red-button {
  text-decoration: none;
  font-size: 18px;
  padding: 10px 15px;
  border: none;
  border-radius: 10px;
  background-color: rgb(151, 31, 43);
  color: white;
}

:root {
  --main-purple-color: #5b5bd3;
  --main-theme-color: #ffb239;
  --purple-text-mute: #c6abea;
  --text-color: white;
}

::selection {
  background-color: var(--main-theme-color);
  color: rgba(50, 50, 200, 0.8);
}