/* ------------------------------------------------------------------ */
/*        FONTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        COLORS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        BREAKPOINTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        TRANSITIONS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        MEDIA QUERIES
/* ------------------------------------------------------------------ */
.arrow-left__stroke {
  stroke: #ddd;
  transition-duration: 300ms; }

.arrow-left:hover {
  cursor: pointer; }
  .arrow-left:hover .arrow-left__stroke {
    stroke: #fff;
    transition-duration: 300ms; }

/* ------------------------------------------------------------------ */
/*        FONTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        COLORS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        BREAKPOINTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        TRANSITIONS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        MEDIA QUERIES
/* ------------------------------------------------------------------ */
.arrow-right__stroke {
  stroke: #ddd;
  transition-duration: 300ms; }

.arrow-right:hover {
  cursor: pointer; }
  .arrow-right:hover .arrow-right__stroke {
    stroke: #fff;
    transition-duration: 300ms; }

/* ------------------------------------------------------------------ */
/*        FONTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        COLORS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        BREAKPOINTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        TRANSITIONS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        MEDIA QUERIES
/* ------------------------------------------------------------------ */
.socials {
  transition-duration: 300ms; }
  .socials:hover {
    fill: #44a5ff;
    transition-duration: 300ms; }

/* ------------------------------------------------------------------ */
/*        FONTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        COLORS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        BREAKPOINTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        TRANSITIONS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        MEDIA QUERIES
/* ------------------------------------------------------------------ */
.launch__stroke {
  stroke: #ddd;
  transition-duration: 300ms; }

.launch:hover {
  cursor: pointer; }
  .launch:hover .launch__stroke {
    stroke: #fff;
    transition-duration: 300ms; }

/* ------------------------------------------------------------------ */
/*        FONTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        COLORS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        BREAKPOINTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        TRANSITIONS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        MEDIA QUERIES
/* ------------------------------------------------------------------ */
body {
  margin: 0; }

html {
  background-color: white; }

html,
body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
  @media screen and (max-width: 1024px) {
    html,
    body {
      overflow-y: scroll; } }

h1,
h2,
h3,
h4,
p,
a,
li,
label,
input,
span,
br {
  font-family: "Montserrat", sans-serif;
  line-height: 1.5em; }
  h1::selection,
  h2::selection,
  h3::selection,
  h4::selection,
  p::selection,
  a::selection,
  li::selection,
  label::selection,
  input::selection,
  span::selection,
  br::selection {
    background: none;
    color: #44a5ff; }

p,
a,
li,
label,
input {
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 24px;
  color: black; }

a {
  text-decoration: none; }

.app-leave {
  opacity: 1;
  transition: opacity 500ms ease-in; }

.app-leave.app-leave-active {
  opacity: 0; }