@import url("https://fonts.googleapis.com/css2?family=Merriweather:opsz,wght@18..144,300..900&family=Poppins:wght@100;400;700;900&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

*:not(dialog) {
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

#root,
#__next {
  isolation: isolate;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

:root {
  --black-pearl: #051829;
  --rhino: #2e3361;
  --butterfly-bush: #554f8c;
  --mantle: #8b9e91;
}

body,
html {
  background: var(--black-pearl);
}

body,
html {
  color: rgb(208.4366197183, 216.0633802817, 210.8450704225);
  text-shadow: 1px 1px 1px var(--black-pearl);
}

body {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.fancy-amp {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: normal;
}

footer {
  font-size: 2rem;
}
* {
  margin: 0;
  padding: 0;
}

body {
  margin-bottom: 0;
}

a,
a:link,
a:active {
  color: rgb(182.7866197183, 241.7133802817, 201.3950704225);
}

a:visited,
a:hover {
  color: rgb(148.3911520323, 139.1808219178, 232.8191780822);
}

.gradient-shift {
  height: 100dvh;
  background: linear-gradient(154deg, rgb(5, 24, 41) 0%, rgb(46, 51, 97) 39%, rgb(85, 79, 140) 73%, rgb(139, 158, 145) 100%);
  background-size: 150% 150%;
  animation: gradient-shift 13s ease infinite;
}

@keyframes gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body,
html {
  margin: 0;
}

header {
  padding: 2rem 1rem;
}

.logo {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}
.logo svg {
  height: auto;
  width: 400px;
}
@media (width >= 991px) {
  .logo {
    width: 250px;
  }
  .logo svg {
    height: 80px;
    width: auto;
  }
}

.wordmark-code,
.wordmark-pixels {
  fill: #fff;
}

.wordmark-ampersand {
  fill: var(--butterfly-bush);
}

main {
  padding: 1rem;
  width: calc(100% - 2rem);
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}
@media (width >= 991px) {
  main {
    display: grid;
    grid-template-areas: "heading heading" "main	 aside";
    grid-template-columns: 2fr 1fr;
    gap: 1em;
    align-items: baseline;
  }
}
main p {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.heading {
  grid-area: heading;
}

.main-content {
  grid-area: main;
}

.aside {
  grid-area: aside;
}

.social-links {
  display: flex;
  flex-flow: row wrap;
  gap: 1em;
}
.social-links svg {
  width: 2em;
  height: auto;
  fill: #fff;
  margin-right: 0.5em;
}
.social-links a {
  display: flex;
  flex-flow: row no wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}

footer {
  text-align: center;
  background: rgba(5, 24, 41, 0.4);
  padding: 1rem;
  width: calc(100% - 2rem);
}
footer p {
  padding: 0;
  margin: 0;
}
footer p + p {
  margin-top: 0.75rem;
  display: inline-block;
}
footer ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
footer li {
  list-style: none;
  display: inline-block;
  margin-right: 7px;
}
footer li::after {
  content: "|";
}
footer li:last-of-type::after {
  content: "";
}
footer a {
  display: inline-block;
  margin-right: 7px;
}/*# sourceMappingURL=home.css.map */