/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/elements/_base.sass ***!
  \***********************************************************************************************************************/
html {
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
}

button, input, select {
  appearence: none;
}

@font-face {
  font-family: "Outfit";
  src: url(../js/../fonts/Outfit-Regular.e853df41b41bc9489a8b.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(../js/../fonts/Outfit-Bold.b2e2fcd8bc0c090b302c.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(../js/../fonts/Outfit-Light.27737e30f9f52f95ba31.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
:root {
  font-size: 16px;
  --ff1: Outfit, sans-serif;
  --color1: #111111;
  --color2: #FFFFFF;
  --color3: #0A395C;
  --color4: #FCFDFE;
  --color5: #CED1D5;
  --color6: #3B5BA1;
}

.body {
  background-color: #111111;
  width: 100%;
}

.main {
  width: 100%;
  max-width: calc(56rem + 1px);
  margin: 0 auto;
  box-sizing: border-box;
}

.messages {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 900;
  background-color: rgba(17, 17, 17, 0.7);
  align-items: center;
  justify-content: center;
}
.messages--active {
  display: flex;
}
.messages__container {
  width: 90%;
  max-width: 30rem;
  padding: 2vw;
  box-sizing: border-box;
  background-color: #111111;
  border: 1px solid #FFFFFF;
  position: relative;
}
.messages__title {
  color: #FFFFFF;
  margin: auto auto 1vw auto;
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  font-family: var(--ff1);
}
.messages__text {
  color: #FFFFFF;
  margin: auto;
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  font-family: var(--ff1);
}
.messages__close {
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0;
  border: none;
  background-color: transparent;
}
.messages__close svg {
  width: 2vw;
  height: 2vw;
}

.notifications {
  display: none;
  position: fixed;
  bottom: 0.5vw;
  right: 0.5vw;
  border-radius: 0.4vw;
  z-index: 900;
  padding: 1vw;
  box-sizing: border-box;
  width: 90%;
  max-width: 22rem;
  background-color: rgba(252, 253, 254, 0.8);
  box-shadow: 0 0 0.3vw rgba(255, 255, 255, 0.3);
}
.notifications--active {
  display: block;
}
.notifications__title {
  color: #111111;
  margin: auto auto 0.5vw auto;
  font-weight: 700;
  font-size: 1rem;
  font-family: var(--ff1);
}
.notifications__text {
  color: #111111;
  margin: auto;
  font-weight: 400;
  font-size: 0.8rem;
  font-family: var(--ff1);
}

@media all and (min-width: calc(56rem + 1px)) {
  .main {
    padding: 5rem 2rem;
  }
}
@media all and (max-width: calc(56rem + 1px)) {
  .main {
    padding: 10vw 2vw;
  }
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/components/_header.sass ***!
  \***************************************************************************************************************************/

/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/components/_form.sass ***!
  \*************************************************************************************************************************/