.glide {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
}

.glide__slides {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  white-space: nowrap;
  will-change: transform;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glide__slides--dragging {
  -webkit-user-select: none;
  user-select: none;
}

.glide__slide {
  white-space: normal;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.glide__arrows, .glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.glide--rtl {
  direction: rtl;
}
/*# sourceMappingURL=index.10676faa.css.map */
.glide__arrow {
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 .25em .5em #0000001a;
  opacity: 1;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #ffffff80;
  border-radius: 4px;
  padding: 9px 12px;
  line-height: 1;
  transition: opacity .15s, border .3s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 .25em .5em #0000001a;
}

.glide__arrow:focus {
  outline: none;
}

.glide__arrow:hover {
  border-color: #fff;
}

.glide__arrow--left {
  left: 2em;
}

.glide__arrow--right {
  right: 2em;
}

.glide__arrow--disabled {
  opacity: .33;
}

.glide__bullets {
  z-index: 2;
  list-style: none;
  display: inline-flex;
  position: absolute;
  bottom: 2em;
  left: 50%;
  transform: translateX(-50%);
}

.glide__bullet {
  cursor: pointer;
  background-color: #ffffff80;
  border: 2px solid #0000;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin: 0 .25em;
  padding: 0;
  line-height: 0;
  transition: all .3s ease-in-out;
  box-shadow: 0 .25em .5em #0000001a;
}

.glide__bullet:focus {
  outline: none;
}

.glide__bullet:hover, .glide__bullet:focus {
  background-color: #ffffff80;
  border: 2px solid #fff;
}

.glide__bullet--active {
  background-color: #fff;
}

.glide--swipeable {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.glide--dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/*# sourceMappingURL=index.c9ba39bd.css.map */
@keyframes wiggle {
  0% {
    transform: rotate(0);
  }

  80% {
    transform: rotate(0);
  }

  85% {
    transform: rotate(5deg);
  }

  95% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes moveRight {
  0% {
    right: 100%;
  }

  100% {
    right: 0;
  }
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

::selection {
  color: #43b7ff;
  background: #fff;
}

a {
  text-decoration: none;
  transition: all .3s ease-in-out;
}

body {
  color: #fff;
  font-optical-sizing: auto;
  background: linear-gradient(#05070b 0, #17171d) no-repeat;
  font-family: Urbanist, sans-serif;
  font-style: normal;
  transition: all .5s ease-in-out;
}

.text-center {
  text-align: center;
}

.container {
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.container .column {
  flex: 1 1 0;
  padding: 1rem;
}

.container .is-40 {
  flex: none;
  width: 40%;
}

.container .is-30 {
  flex: none;
  width: 30%;
}

.align-items-center {
  align-items: center;
}

h1, h2 {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(-45deg, #fff, #43b7ff) text;
  font-size: 5vw;
}

h1::selection, h1 span, h2::selection, h2 span {
  -webkit-text-fill-color: #43b7ff;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

.intro h1 {
  padding-bottom: 10px;
  line-height: 1;
}

.intro h1 span {
  padding-left: 2vw;
  display: block;
}

.content-box {
  background: #ffffff1a;
  border: 2px solid #43b7ff;
  border-radius: 5px;
  padding: 2rem 3rem;
}

header {
  text-align: center;
  z-index: 1;
  background: #00000080;
  border-top: none;
  border-bottom: 1px solid #43b7ff;
  border-left: 1px solid #43b7ff;
  border-right: none;
  border-radius: 0 0 0 5px;
  width: 75px;
  height: 75px;
  padding: 1rem;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 0 10px #43b7ff;
}

header svg {
  cursor: pointer;
  width: 100%;
  height: auto;
}

header .mode-container {
  flex-direction: column;
  justify-content: space-between;
  height: 160px;
  padding: 1rem;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

header .mode-container.day {
  top: -88px;
}

main {
  background: url("bg-body.dcbbd180.webp") top repeat-x;
  width: 99.1vw;
  min-height: 100vh;
  padding-top: 4rem;
  position: relative;
  overflow: hidden;
}

main:before {
  content: "";
  z-index: -1;
  background-image: radial-gradient(circle, #32333f 0, #32333f00 66.66%);
  width: 100%;
  height: 100%;
  min-height: 2000px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.glide--swipeable {
  cursor: auto;
}

.glide {
  margin: 6rem auto;
}

.glide__slide .frame div:first-child {
  padding: 1rem;
}

.glide__slide .frame h4 {
  margin: .5rem 0;
}

.glide__slide .frame ul {
  margin-left: 1.2rem;
}

.glide__slide .frame ul li {
  margin-bottom: .5rem;
}

.glide__slide img, .glide__slide video {
  width: 100%;
  height: auto;
}

.glide__slide video {
  border: 1px solid #ccc;
}

.glide__slide h1 {
  margin: 1rem auto .5rem;
}

.glide__slide p {
  line-height: 1.5;
}

.glide__slide .styled-button {
  margin: 0;
  position: absolute;
  bottom: 24px;
  left: calc(50% - 75px);
}

.glide__slide.before-active .frame {
  transform: rotateY(60deg);
}

.glide__slide.after-active .frame {
  transform: rotateY(-60deg);
}

.glide__slide--active .frame {
  transform: rotateY(0);
}

.frame {
  transform-origin: 50%;
  transform-style: preserve-3d;
  will-change: transform;
  z-index: 0;
  width: 100%;
  min-height: 600px;
  transition: transform 1s ease-in-out;
  position: relative;
}

.frame > * {
  backface-visibility: hidden;
  border: 2px solid #43b7ff;
  border-radius: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.frame > :first-child {
  border-radius: 2px;
  box-shadow: 0 .5rem 4rem #00000080;
}

.frame > :nth-child(2) {
  transform-origin: 100%;
  border-width: 3px;
  width: 3rem;
  top: 0;
  right: 0;
  transform: translate3d(-1px, 0, -3rem)rotateY(90deg);
}

.frame > :nth-child(3) {
  transform-origin: 0;
  border-width: 3px;
  width: 3rem;
  top: 0;
  left: 0;
  transform: translate3d(1px, 0, -3rem)rotateY(-90deg);
}

.glide__arrow:hover {
  border-color: #43b7ff;
}

.styled-button, .skills span {
  color: #fff;
  text-align: center;
  border: 2px solid #43b7ff;
  width: 150px;
  margin: 2rem auto;
  padding: .5rem 1rem;
  font-weight: 400;
  display: block;
  transform: translate(0);
  box-shadow: 0 0 #43b7ff;
}

.styled-button:hover, .skills span:hover {
  color: #43b7ff;
  font-weight: 700;
  transform: translate(-.3rem, -.3rem);
  box-shadow: .3rem .3rem #43b7ff;
}

.skills span {
  opacity: 0;
  margin: .5rem;
  transition: all .3s ease-in-out;
  display: inline-block;
}

footer {
  text-align: center;
  padding: 1rem 0;
  font-size: .75rem;
  line-height: 1.6;
}

.bg-bottom {
  background: url("bg-bottom.943660a6.webp") bottom repeat-x;
}

.other-info a {
  color: #fff;
}

.other-info a:hover {
  color: #43b7ff;
}

.other-info h4 {
  font-size: 2rem;
}

.other-info ul {
  margin-left: 1.2rem;
}

.other-info ul li {
  margin-bottom: .25rem;
}

.resume-column h4 a {
  align-items: center;
  display: flex;
}

.resume-column h4 a img {
  margin-right: 1rem;
}

.linkedin-link svg {
  fill: #0a66c2;
  transition: all .2s ease-in-out;
  animation: 2.5s infinite wiggle;
}

.linkedin-link:hover svg {
  fill: #fff;
  animation: none;
}

.line-container1, .line-container2, .line-container3 {
  width: 100%;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.line-container1 .line, .line-container2 .line, .line-container3 .line {
  background: linear-gradient(-90deg, #fff, #43b7ff);
  width: 100%;
  height: 2px;
  position: absolute;
  right: 100%;
}

.line-container2 .line {
  background: linear-gradient(90deg, #fff, #43b7ff);
}

.move-right {
  animation: 2s forwards moveRight;
}

body.daytime {
  color: #000;
  background: #fff;
}

body.daytime main:before {
  background-image: radial-gradient(circle, #d9ff00 0, #fffc2e00 66.66%);
}

body.daytime .frame > :first-child {
  box-shadow: none;
}

@media screen and (width <= 1400px) {
  [data-glide-el="controls"] {
    width: 100%;
    position: absolute;
    bottom: -40px;
  }
}

@media screen and (width <= 900px) {
  .container {
    display: block;
  }

  .container .column {
    flex: none;
    width: 100%;
  }

  h1 {
    font-size: 4rem;
  }
}
/*# sourceMappingURL=index.2cdaf7bc.css.map */