html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

:root {
  --col-darkest: #28001b;
  --col-darker: #4c0033;
  --col-dark: #790252;
  --col-theme: #af0171;
  --col-high: #e80f88;
  --col-text: #f2f2f2;
  --col-bg: #12000b;
  --header-height: 85px;
  --card-padding: 3rem;
}

.fa {
  font-style: normal;
  display: inline-block;
  line-height: 1;
  width: 1em;
  height: 1em;
  text-align: center;
}
.fa::before {
  position: relative;
  left: -4px;
}

.fa-heart {
  transform: scale(0.8);
}
.fa-heart::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Pro%206.2.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202022%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M47.6%20300.4L228.3%20469.1c7.5%207%2017.4%2010.9%2027.7%2010.9s20.2-3.9%2027.7-10.9L464.4%20300.4c30.4-28.3%2047.6-68%2047.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347%2036.5%20300.6%2051.4%20268%2084L256%2096%20244%2084c-32.6-32.6-79-47.5-124.6-39.9C50.5%2055.6%200%20115.2%200%20185.1v5.8c0%2041.5%2017.2%2081.2%2047.6%20109.5z%22%2F%3E%3C%2Fsvg%3E");
  top: 3px;
  left: 0;
  filter: invert(21%) sepia(83%) saturate(5163%) hue-rotate(314deg) brightness(90%) contrast(102%);
}

.fa-arrow::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21%20Font%20Awesome%20Pro%206.2.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202022%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M214.6%2041.4c-12.5-12.5-32.8-12.5-45.3%200l-160%20160c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L160%20141.2V448c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V141.2L329.4%20246.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-160-160z%22%2F%3E%3C%2Fsvg%3E");
}

.fa-github::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21%20Font%20Awesome%20Pro%206.2.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202022%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M400%2032H48C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V80c0-26.5-21.5-48-48-48zM277.3%20415.7c-8.4%201.5-11.5-3.7-11.5-8%200-5.4.2-33%20.2-55.3%200-15.6-5.2-25.5-11.3-30.7%2037-4.1%2076-9.2%2076-73.1%200-18.2-6.5-27.3-17.1-39%201.7-4.3%207.4-22-1.7-45-13.9-4.3-45.7%2017.9-45.7%2017.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1%200-28.4%201.9-41.6%205.6%200%200-31.8-22.2-45.7-17.9-9.1%2022.9-3.5%2040.6-1.7%2045-10.6%2011.7-15.6%2020.8-15.6%2039%200%2063.6%2037.3%2069%2074.3%2073.1-4.8%204.3-9.1%2011.7-10.6%2022.3-9.5%204.3-33.8%2011.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1%2010.2-1.1%2010.2%2010.8%205%2018.4%2024.2%2018.4%2024.2%209.7%2029.7%2056.1%2019.7%2056.1%2019.7%200%2013.9.2%2036.5.2%2040.6%200%204.3-3%209.5-11.5%208-66-22.1-112.2-84.9-112.2-158.3%200-91.8%2070.2-161.5%20162-161.5S388%20165.6%20388%20257.4c.1%2073.4-44.7%20136.3-110.7%20158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5%201.1-2.8%203-3.2%201.9-.2%203.7.6%203.9%201.9.3%201.3-1%202.6-3%203zm-9.5-.9c0%201.3-1.5%202.4-3.5%202.4-2.2.2-3.7-.9-3.7-2.4%200-1.3%201.5-2.4%203.5-2.4%201.9-.2%203.7.9%203.7%202.4zm-13.7-1.1c-.4%201.3-2.4%201.9-4.1%201.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3%202.4-1.9%204.1-1.5%202%20.6%203.3%202.1%202.8%203.4zm-12.3-5.4c-.9%201.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1%202.8-.9%204.3.6%201.3%201.3%201.8%203.3.9%204.1zm-9.1-9.1c-.9.6-2.6%200-3.7-1.5s-1.1-3.2%200-3.9c1.1-.9%202.8-.2%203.7%201.3%201.1%201.5%201.1%203.3%200%204.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9%202.4-.4%203.5.6%201.1%201.3%201.3%202.8.4%203.5zm-6.7-7.4c-.4.9-1.7%201.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6%201.5-.9%202.8-.4%201.3.7%201.9%201.8%201.5%202.6z%22%2F%3E%3C%2Fsvg%3E");
}

@font-face {
  font-family: "Poppins";
  src: url("poppins.ttf");
}
* {
  box-sizing: border-box;
}

:where(:root) {
  font-family: "Poppins", sans-serif;
  text-align: center;
  color: var(--col-text);
}

:where(a) {
  text-decoration: none;
  color: var(--col-text);
}
:where(a):hover {
  text-decoration: underline;
}

body {
  background-color: var(--col-bg);
}

[data-title] {
  position: relative;
}

body [data-title] > * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

body [data-title]:hover > * {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

body [data-title]:hover:after {
  position: absolute;
  top: 105%;
  content: attr(data-title);
  border: 2px solid var(--col-theme);
  background-color: var(--col-darker);
  border-radius: 5px;
  padding: 0.4em 0.6em;
  z-index: 2;
  white-space: pre;
  left: 50%;
  transform: translateX(-50%);
  color: white;
}

nav {
  width: 100%;
  height: var(--header-height);
  position: sticky;
  top: 0;
  background-color: rgba(121, 2, 82, 0.6666666667);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  z-index: 1;
}
nav img {
  height: calc(var(--header-height) - 1rem);
}

#content {
  margin: 0 1rem;
  padding-bottom: 1rem;
  min-height: calc(100vh - var(--header-height));
}
#content a .fa-github {
  filter: invert(100%) sepia(100%) brightness(1000%);
}
#content a .fa-github::before {
  left: 3px;
  top: 4px;
}
#content hr {
  border-color: var(--col-theme);
}
#content .flex {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
#content .flex .project {
  display: block;
  position: relative;
  background-color: var(--col-darker);
  width: 360px;
  height: calc(189px + var(--card-padding));
  box-shadow: 0 0 5px 0 black;
  transition: filter 0.15s ease-in;
  filter: grayscale(0.9);
}
#content .flex .project:hover {
  filter: grayscale(0);
}
#content .flex .project .bg-wrapper {
  height: calc(100% - var(--card-padding));
  width: 100%;
  position: absolute;
  background-size: cover;
  background-position: center center;
}
#content .flex .project .title {
  width: 100%;
  position: absolute;
  bottom: 1.5rem;
}
#content .flex .project .desc {
  color: #999;
  position: absolute;
  bottom: 0.5rem;
  width: 100%;
  font-size: 0.8rem;
}
#content .flex .project a {
  background: linear-gradient(-135deg, var(--col-theme) 50%, rgba(0, 0, 0, 0) 0);
  display: block;
  height: 3rem;
  width: 3rem;
  position: absolute;
  right: 0;
}
#content .flex .project a span {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 1.1rem;
  width: 1.1rem;
  rotate: 45deg;
}
#content .flex .project a span::before {
  left: 0;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(294deg) brightness(104%) contrast(101%);
}
#content object {
  width: calc(100vw - 4rem);
  max-width: 500px;
}

footer {
  background-color: var(--col-darkest);
  padding: 2rem 0;
}
footer hr {
  border-color: var(--col-theme);
  margin: 1.5rem 0;
}

@media (min-width: 1350px) {
  #content {
    margin: 0 18vw;
  }
}/*# sourceMappingURL=style.css.map */