@import "bootstrap5.min.css";

@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway/raleway-extralight.woff2') format('woff2'),
  url('/fonts/Raleway/raleway-extralight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway/raleway-light.woff2') format('woff2'),
  url('/fonts/Raleway/raleway-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway/raleway-regular.woff2') format('woff2'),
  url('/fonts/Raleway/raleway-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway/raleway-medium.woff2') format('woff2'),
  url('/fonts/Raleway/raleway-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway/raleway-semibold.woff2') format('woff2'),
  url('/fonts/Raleway/raleway-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway/raleway-bold.woff2') format('woff2'),
  url('/fonts/Raleway/raleway-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ----- GENERAL ----- */

body {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-size: 20px;
}

.p-relative {
  position: relative;
}

img {
  display: block;
  height: auto;
}

.h1 {
  font-size: 60px;
  font-weight: 200;
}

.h2 {
  font-size: 35px;
  font-weight: 200;
}


/* ----- BUTTONS ----- */
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 416px;
  max-width: calc(100% - 30px);
  font-weight: 500;
  color: #001C43;
  text-decoration: none;
  border-radius: 50px;
  cursor: pointer;
}

  .button--dashed {
    outline: 2px dashed #001C43;
    transition: outline .6s linear;
  }
    .button--dashed:hover {
      outline-style: groove;
      color: #001C43;
    }