@import"https://fonts.googleapis.com/css2?family=Roboto&family=Rubik&display=swap";*{margin:0;padding:0}main{display:flex;flex-direction:column;align-items:center}@-webkit-keyframes fade-tooltip{0%{opacity:0;bottom:-100px}to{opacity:.7;bottom:-60px}}@keyframes fade-tooltip{0%{opacity:0;bottom:-100px}to{opacity:.7;bottom:-60px}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes disappear{0%{opacity:1}to{opacity:0}}body{background:linear-gradient(282.26deg,rgba(1,19,78,.8) -.78%,rgba(43,89,195,.8))}h1{font-size:48px;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}@media only screen and (max-width:768px){h1{font-size:30px}}h2{font-size:30px;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}@media only screen and (max-width:768px){h2{font-size:20px}}h3{font-size:25px;font-family:Roboto,sans-serif;font-style:normal;font-weight:700}@media only screen and (max-width:768px){h3{font-size:20px}}input,label,p,textarea{font-family:Rubik,sans-serif;font-size:24px}@media only screen and (max-width:768px){input,label,p,textarea{font-size:15px}}a{text-decoration:none;color:#cadffa;font-family:Roboto,sans-serif;font-size:24px}@media only screen and (max-width:768px){a{font-size:15px}}a.portlink{color:#003392}ul{width:100%;list-style:none;display:flex;flex-direction:row;justify-content:space-around}li{position:relative;border-radius:10px;font-family:Nunito,sans-serif;color:#cadffa;font-size:30px;transition:.5s}@media only screen and (max-width:768px){li{font-size:16px}}li:before{content:"";position:absolute;width:0;height:2px;bottom:-1px;left:0;background-color:#cadffa;visibility:hidden;transition:all .2s ease-in-out}li:hover:before{visibility:visible;width:100%}.button-general{color:#cadffa;background-color:#003392;font-family:Rubik,sans-serif;font-size:24px;border-radius:10px;border:none;padding:10px;margin:10px;cursor:pointer;transition:.8s}@media only screen and (max-width:768px){.button-general{font-size:16px}}.button-general.resume{margin-top:30px}.button-menu{cursor:pointer;border:none;background:none;font-family:Nunito,sans-serif;color:#cadffa;font-size:24px}@media only screen and (max-width:768px){.button-menu{font-size:15px}}.portlink{text-decoration:none;color:#003392}#periwinkle-h2{color:#cadffa;margin-top:10px}header{position:fixed;z-index:2;background:rgba(196,196,196,.2);width:100%}header .navbar-wrapper{width:100%;max-height:100px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}header .navbar-wrapper .logo-wrapper{width:89px;height:89px;margin:10px;transition:.8s}header .navbar-wrapper .logo-wrapper #logo{cursor:pointer;max-width:100%;max-height:100%}header .navbar-wrapper nav{width:50%}@media only screen and (max-width:768px){header .navbar-wrapper nav{width:90%}}.hero-container{position:relative;width:100%;max-height:800px;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:1}.hero-container__video-hero{display:none;width:100%!important;height:auto!important;align-self:baseline;z-index:0}@media only screen and (min-width:768px){.hero-container__video-hero{display:inline}}.hero-container__mobile-hero{display:none}@media only screen and (max-width:768px){.hero-container__mobile-hero{display:inline;width:100%;min-height:400px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}}.hero-container__image-hero{display:inline;width:100%;min-height:400px;-o-object-fit:cover;object-fit:cover;-o-object-position:80% 50%;object-position:80% 50%}.hero-container__colour-overlay{background:linear-gradient(282.26deg,rgba(1,19,78,.8) -.78%,rgba(43,89,195,.6));position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.hero-container__text{position:absolute;color:#cadffa;text-align:center;font-family:Noto Sans KR;text-shadow:1px 1px 2px #000;z-index:2}.hero-container__text .socials{margin:10px;display:flex;align-items:center;justify-content:space-around}.hero-container__text .socials__social-logo{margin:5px;display:flex;align-content:center;justify-content:center;transition:.4s}.hero-container__text .socials__social-logo:hover{background:rgba(196,196,196,.2);box-shadow:2px 2px 4px #000;border-radius:5px;transition:.6s}.form-modal{left:0;display:flex;align-items:center;justify-content:center;z-index:105;-webkit-animation:appear .3s ease-in-out;animation:appear .3s ease-in-out}.form-modal,.form-modal__background{position:fixed;top:0;height:100vh;width:100vw}.form-modal__background{right:0;background-color:rgba(0,0,0,.6);z-index:106}.form-modal__wrapper{position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;max-width:25vw;background-color:#cadffa;max-height:80vh;padding:30px 20px 20px;z-index:107;border-radius:10px}@media only screen and (max-width:768px){.form-modal__wrapper{max-width:65vw;padding:40px 20px 20px}}.form-modal__wrapper h2{text-align:center;font-weight:700}.form-modal__wrapper p{margin:10px 0}.form-modal__wrapper form{display:flex;flex-direction:column}.form-modal__close-button{cursor:pointer;position:absolute;right:15px;top:15px;background:none;border:none;transition:.3s}.form-modal__close-button:hover{transform:scale(1.1);transition:.3s}.form-modal__label{margin:10px 0}.form-modal__input{background:none;border:none;border-bottom:1px solid #091c38}.form-modal__select{border:2px solid #091c38;font-size:24px;padding:5px;border-radius:5px;background:none}@media only screen and (max-width:768px){.form-modal__select{font-size:15px}}.form-modal__text-area{background:none;border:2px solid #091c38;border-radius:5px;height:200px;margin-bottom:20px;padding:5px}.form-modal__validation{width:80%}.form-modal__validation p{display:flex;align-items:center;text-align:center}.about-me-container{margin:20px;width:85%;background:rgba(202,223,250,.8);border-radius:10px;display:flex;flex-direction:row-reverse;justify-content:space-around;align-items:center;flex-wrap:wrap;transition:.8s}.about-me-container:hover{box-shadow:2px 2px 4px #000;background:rgba(183,213,252,.8);transition:.8s}.about-me-container a{color:#2b59c3}.about-me-container p{margin-bottom:20px}.about-me-container #about-me{font-size:48px;font-weight:700;margin:20px}@media only screen and (max-width:1025px){.about-me-container #about-me{font-size:40px}}.about-me-container .profile-photo-container{margin:20px;max-width:30%;max-height:80%}@media only screen and (max-width:1025px){.about-me-container .profile-photo-container{max-width:70%}}.about-me-container .profile-photo-container__photo{width:100%;height:100%;border-radius:10px}.about-me-container__text-container{margin:20px;max-width:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center}@media only screen and (max-width:1025px){.about-me-container__text-container{max-width:80%}}.attribute-container{margin:20px;width:85%;background:rgba(202,223,250,.8);border-radius:10px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:5px;padding:20px;transition:.8s}@media only screen and (max-width:768px){.attribute-container{grid-template-columns:repeat(4,minmax(0,1fr));width:80%}}@media only screen and (max-width:478px){.attribute-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.attribute-container__attribute{position:relative;display:flex;justify-content:center;align-items:center;transition:.5s;margin:20px 0}.attribute-container__attribute img{width:70%;height:auto;opacity:.7;filter:grayscale(100%)}.attribute-container__attribute img:hover{filter:grayscale(0);opacity:1;transition:.5s}.attribute-container__tooltip{position:absolute;bottom:-60px;padding:10px;background-color:#091c38;text-align:center;color:#fff;border-radius:5px;z-index:100;opacity:.7;-webkit-animation:fade-tooltip .5s ease-in-out;animation:fade-tooltip .5s ease-in-out}.portfolio{display:flex;flex-direction:column;align-items:center}.portfolio__header{color:#cadffa;margin:20px;text-align:center}.portfolio .category-menu{margin:20px;width:80%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap}.portfolio .category-menu__button{cursor:pointer;border:none;background:none;margin:20px;font-size:24px;transition:.8s;white-space:nowrap;color:#cadffa;font-family:Nunito,sans-serif}.portfolio .category-menu__button p{position:relative}.portfolio .category-menu__button p:before{content:"";position:absolute;width:0;height:2px;bottom:-1px;left:0;background-color:#cadffa;visibility:hidden;transition:all .2s ease-in-out}.portfolio .category-menu__button p:hover:before{visibility:visible;width:100%}.portfolio .portfolio-pieces-grid{display:grid;width:85%;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-template-rows:repeat(auto-fit,minmax(200px,1fr));grid-gap:50px;padding:20px;-webkit-animation:appear 2s;animation:appear 2s;transition:.8s}@media only screen and (max-width:768px){.portfolio .portfolio-pieces-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:repeat(auto-fit,minmax(200px,1fr))}}.portfolio .portfolio-pieces-grid .portfolio-piece{padding:20px;background:rgba(202,223,250,.8);border-radius:10px;color:#091c38;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center}.portfolio .portfolio-pieces-grid .portfolio-piece:hover{box-shadow:2px 2px 4px #000;background:rgba(190,218,255,.8);transition:.8s}.portfolio .portfolio-pieces-grid .portfolio-piece h3{margin:20px 0 0}.portfolio .portfolio-pieces-grid .portfolio-piece__image-wrapper{position:relative;height:225px;width:90%;overflow:hidden;border-radius:10px;-o-object-fit:cover;object-fit:cover;display:flex;flex-direction:column;align-items:center;margin:20px 0}.portfolio .portfolio-pieces-grid .portfolio-piece__image-wrapper img{border-radius:10px!important}.portfolio .portfolio-pieces-grid .portfolio-piece .tech-stack-area{display:flex;justify-content:center;align-items:center;margin-bottom:10px;flex-wrap:wrap}.portfolio .portfolio-pieces-grid .portfolio-piece .tech-stack-area .tech-stack{display:flex;align-items:center;margin:10px 5px}.portfolio .portfolio-pieces-grid .portfolio-piece .tech-stack-area .tech-stack img{width:30px;height:auto;margin:0 5px}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;z-index:105;-webkit-animation:appear .3s ease-in-out;animation:appear .3s ease-in-out}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__background{position:fixed;top:0;right:0;background-color:rgba(0,0,0,.6);z-index:106;width:100vw;height:100vh}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper{position:relative;display:flex;align-items:center;background-color:#cadffa;width:90%;max-height:80vh;padding:30px 20px 20px;z-index:107;border-radius:10px}@media only screen and (max-width:768px){.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper{width:75%;flex-direction:column;justify-content:space-around;padding:40px 20px 20px}}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper h2{text-align:center;font-weight:700}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper p{margin:10px 0}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-image-section{position:relative;width:50%;height:500px}@media only screen and (max-width:768px){.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-image-section{width:95%}}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-image-section__thumbnail{width:90%;border-radius:10px}@media only screen and (min-width:1407px){.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-image-section__thumbnail{width:75%}}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-information{width:50%;padding:0 20px;overflow-y:auto;margin-top:10px}@media only screen and (max-width:768px){.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-information{width:100%}}@media only screen and (min-width:768px){.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-information{max-height:68vh!important}}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__wrapper .portfolio-piece-information__links{display:flex;flex-direction:column;margin:10px 0}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__close-button{cursor:pointer;position:absolute;right:15px;top:15px;background:none;border:none;transition:.3s}.portfolio .portfolio-pieces-grid .portfolio-piece .portfolio-piece-modal__close-button:hover{transform:scale(1.1);transition:.3s}.swiper-container{overflow-y:visible}.swiper-container .swiper-slide{position:relative;height:500px;width:100%!important}@media only screen and (max-width:478px){.swiper-container .swiper-slide{height:300px}}.swiper-container .swiper-slide img{width:100%;height:120%!important;border-radius:10px}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{color:#2b59c3!important}.swiper-container .swiper-pagination{bottom:-20px!important}footer{max-height:200px;display:flex;flex-direction:column;justify-content:space-around;background-color:#091c38}footer .socials{display:flex;justify-content:center;margin:10px}footer .socials__social-logo{margin:5px;display:flex;align-content:center;justify-content:center;transition:.4s}footer .socials__social-logo:hover{background:rgba(196,196,196,.2);box-shadow:2px 2px 4px #000;border-radius:5px;transition:.6s}footer .footer-nav-menu{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-bottom:10px;margin-top:10px}@media only screen and (max-width:768px){footer .footer-nav-menu{justify-content:center}}footer .footer-nav-menu__nav{width:50%}@media only screen and (max-width:768px){footer .footer-nav-menu__nav{width:90%}}footer .footer-nav-menu__text{display:flex;align-items:center;color:#cadffa;margin:10px}footer .footer-nav-menu__text .pokko{width:30px;height:auto;background-color:#cadffa;border-radius:100%}@media only screen and (max-width:768px){footer .footer-nav-menu__text .pokko{width:20px;height:auto}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(-1*var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-feature-settings:normal,;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}