/* src/styles.scss */
nav .navbar-nav,
nav ul {
  list-style: none;
  list-style-type: none;
  display: block;
}
.nav-item {
  display: inline-flex;
  padding: 6px 0;
  font-size: 18px;
  font-size: 1.2rem;
  margin-right: 90px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.nav-item,
.nav-item a,
.nav-item:hover,
.nav-item a:hover {
  color: var(--kay-primary-accent-color);
  text-decoration: none;
}
.nav-item.active {
  border-bottom: solid 1px var(--kay-primary-color);
}
.nav-item.active,
.nav-item.active a,
.nav-item.active:hover,
.nav-item.active a:hover {
  color: var(--kay-primary-color);
  font-weight: bold;
}
.open-menu {
  display: none;
}
.close-menu {
  display: none;
}
@media screen and (max-width: 600px) {
  nav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    transition: 1s;
  }
  nav .navbar-nav,
  nav ul {
    background-color: var(--kay-secondary-accent-color);
    z-index: 3;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 10px;
  }
  .nav-item {
    display: block;
    font-size: inherit;
    margin: auto;
  }
  .nav-item.active {
    border-bottom: none;
  }
  .close-menu {
    display: inherit;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 5px 10px;
  }
  .close-menu * {
    color: var(--kay-secondary-color);
  }
  .open-menu {
    display: inherit;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 10px;
  }
  .open-menu * {
    color: var(--kay-primary-font-color);
  }
  .menu-open {
    left: 0px;
    transition: 1s;
  }
  .menu-closed {
    left: -800px;
    transition: 1s;
  }
}
.btn-primary {
  background-color: var(--kay-primary-color);
  border-color: var(--kay-primary-color);
  filter: brightness(1.1);
}
.btn-primary:hover {
  background-color: var(--kay-primary-accent-color);
  border-color: var(--kay-primary-accent-color);
  filter: brightness(1);
  transition: 10ms;
}
:root {
  --kay-primary-color: white;
  --kay-primary-accent-color: #00afb9;
  --kay-secondary-color: #2d0152;
  --kay-secondary-accent-color: #ffd0cc;
  --kay-tertiary-color: #a10532;
  --kay-primary-font-color: black;
  --kay-secondary-font-color: grey;
  --kay-alternate-font-color: white;
  --kay-base-font-size: 65.5%;
  --kay-font-family:
    HelveticaNeue,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
@font-face {
  font-family: Paprika;
  src: url("./media/Paprika-Regular-5AZTK4XR.ttf") format("opentype");
}
@font-face {
  font-family: "Dreaming Outloud";
  src: url("./media/dreaming-outloud-script-DORWKONH.otf") format("opentype");
}
h1 {
  color: var(--kay-secondary-color);
}
a {
  color: var(--kay-secondary-color);
}
a:hover {
  color: var(--kay-secondary-accent-color);
}
html,
body {
  min-height: 100vh;
  height: auto;
  margin: 0;
}
app-root {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-T4SNLLKJ.css.map */