@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@100;200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;900&display=swap);body{-ms-overflow-style:none;font-family:"IBM Plex Serif",serif;height:100vh;margin:0;scrollbar-width:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#41fffd;color:#000}::-webkit-scrollbar{display:none}.App{display:flex;justify-content:center;width:100%}.home{background-color:#000}.layoutMain{display:grid;grid-template-areas:"home" "aboutMe" "projects" "contacts";overflow-x:hidden;transition:all .5s;width:100vw}.layoutMain .gridHome{grid-area:home;height:100vh;width:100vw;z-index:-1}.layoutMain .gridAboutMe{grid-area:aboutMe;width:100vw;z-index:2}.layoutMain .gridProjects{grid-area:projects;width:100vw;z-index:2}.layoutMain .gridContacts{grid-area:contacts;width:100vw;z-index:2}.layoutMain .gridRightSpace{grid-area:right;width:100vw;z-index:2}.page{min-height:100vh}.float{mix-blend-mode:difference;position:fixed;z-index:4}.menuBar{animation:moveToX 2s forwards;animation-delay:3s;left:50px;opacity:0;top:50px;transform:translateX(-100px)}.socials{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Roboto,serif;left:35px;top:calc(100vh - 30px);transform:translateY(-100%)}.socials .githubIcon{animation:showUp 1s forwards;animation-delay:4s;filter:invert(100%);height:25px;mix-blend-mode:difference;opacity:0;padding-top:5px;width:25px}.socials .socialText{animation:moveToInverse 2s forwards;animation-delay:3s;font-size:16px;opacity:0;padding-top:5px;text-decoration:none;transform:translateX(-100px) scale(-1);writing-mode:vertical-rl}.socials .socialText>a{-webkit-touch-callout:none;transform:rotate(.04deg);-webkit-user-select:none;user-select:none}.socials .socialText>.linkedIn{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#0077b1,#c4e0ed 90.7%,#fff 103.57%,#0077b100 0);background-blend-mode:difference;-webkit-background-clip:text;font-weight:400}.socials .socialText>.instagram{-webkit-text-fill-color:#0000;background:linear-gradient(361.22deg,#fd1d1d 2.08%,#e1306c 22.64%,#c13584 41.2%,#833ab4 58.25%,#5851db 84.83%,#405de6 98.37%);background-blend-mode:difference;-webkit-background-clip:text;font-weight:400}.socials .socialText>.facebook{color:#1877f2;font-weight:700}.socials .socialText>a{padding:5px 0;text-decoration:none}.progress{animation:moveToX 2s forwards;animation-delay:3s;height:calc(100vh - 85px);left:calc(100vw - 50px);opacity:0;top:50px;transform:translateX(100px)}@keyframes enableScroll{0%{overflow:hidden}to{overflow:visible}}.line{overflow:hidden;width:100%}.reverse{text-align:right}.gray{color:gray}.left{transform:translateX(-100%)}.right{transform:translateX(100%)}.up{transform:translateY(-100%)}.down{transform:translateY(100%)}@media(max-width:750px){.menuBar{left:2px!important}.progress{left:calc(100vw - 22px)!important}.socials{left:2px!important}}.navBar{margin:0;padding:0}.menuSpan{color:#fff}.navBarMenu{display:flex;flex-direction:column;gap:30px;transition:all .1s}.navBarMenu a{border:0;cursor:pointer;letter-spacing:.5px;line-height:20px;opacity:50%;padding:2px;-webkit-user-select:none;user-select:none}.focus{opacity:100%!important;transition:all .1s}.normalFont{font-weight:400;overflow:hidden!important}.boldFont{font-weight:700}.projectFont{font-family:nanumsquare,sans-serif}@media(max-width:750px){.navBarMenu{gap:10px!important}.navBarMenu>a{writing-mode:vertical-lr}}.mainLayoutHome{background:#111;color:#fff;display:flex;grid-area:content;height:100vh;justify-content:center;place-items:center;position:fixed;transition:all 1s;width:100vw}.homeLayout{display:flex;grid-template-rows:1fr -webkit-min-content 1fr;grid-template-rows:1fr min-content 1fr;height:100%;margin:0 var(--spacing) 0 var(--spacing);max-width:1000px;place-items:center;width:100%}.homeLayout .homeHeader{display:flex;flex-direction:column;grid-area:header;justify-content:center}.homeLayout .homeHeader .TitleContainer{align-items:baseline;display:flex;flex-direction:row;font-size:clamp(2.7rem,8vw,5rem)}.homeLayout .homeHeader .TitleContainer .homeHeaderTitleText{display:inline}.homeLayout .homeHeader .TitleContainer .shaker{animation:showUp 1s forwards;animation-delay:1s,1.5s;animation-fill-mode:both;height:50px;width:50px}.homeLayout .homeHeader .TitleContainer .shaker .homeHeaderTitleIcon{-webkit-touch-callout:none;background-size:contain;height:100%;-webkit-user-select:none;user-select:none;width:100%}.homeLayout .homeHeader .TitleContainer .shaker .homeHeaderTitleIcon:hover{animation:wave 1s forwards;animation-delay:.1s;animation-iteration-count:1;cursor:pointer}.homeLayout .homeHeader .content{font-family:Inter,serif;font-size:clamp(1.3rem,4vmin,2rem);font-weight:500;max-width:700px}@media(max-width:450px){.TitleContainer{flex-direction:column-reverse!important}}@media(max-width:451px){.TitleContainer{flex-direction:column-reverse!important}}.FadeIn>span{display:inline-block;filter:blur(4px);opacity:0}@keyframes fade-in{to{filter:blur(0);opacity:1}}.mainLayout{font-weight:700;width:100%}.mainLayout .aboutLayout{display:grid;grid-area:content;grid-template-areas:"." "skills" ".";grid-template-rows:50vh -webkit-min-content 50vh;grid-template-rows:50vh min-content 50vh;justify-items:center;margin:0 var(--spacing) 0 var(--spacing);max-width:1000px}.mainLayout .aboutLayout .aboutIntroContainer{display:flex;flex-direction:column;gap:50px;grid-area:quoteArea;width:100%}.mainLayout .aboutLayout .aboutIntroContainer .descriptionContainer{grid-area:description;text-align:center}.mainLayout .aboutLayout .aboutIntroContainer .titleText{font-family:"IBM Plex Serif",serif;font-size:clamp(2.5rem,6vw,4rem)}.mainLayout .aboutLayout .aboutIntroContainer .titleSubText{font-size:clamp(1.3rem,3vmin,2rem)}.mainLayout .aboutLayout .aboutIntroContainer .quote{transition:all 1s}.mainLayout .aboutLayout .aboutIntroContainer .author{text-align:center;transition:all 1s}.mainLayout .aboutLayout .aboutIntroContainer .description{opacity:0;transition:all 1s}.mainLayout .aboutLayout .skillsContainer{display:flex;flex-direction:column;gap:80px;grid-area:skills;height:-webkit-min-content;height:min-content;justify-content:center;justify-items:center;max-width:900px;width:inherit}.mainLayout .aboutLayout .skillsContainer .skillIntro{display:flex;font-family:"IBM Plex Serif",sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:bolder}.mainLayout .aboutLayout .skillsContainer .skillIntro .skillIntroText{color:gray;transition:1s}.mainLayout .aboutLayout .skillsContainer .skillIntro .skillIntroType{padding-left:20px;transition:1s}.mainLayout .aboutLayout .skillsContainer .techStackContainer{grid-gap:10px;display:grid;font-size:clamp(1.3rem,3vmin,2rem);gap:10px;grid-template-areas:"title1 content1" "title2 content2" "title3 content3";grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content}.mainLayout .aboutLayout .skillsContainer .techStackContainer .down{overflow:hidden;transition:all 1s}.mainLayout .aboutLayout .skillsContainer .techStackContainer .languageT{grid-area:title1}.mainLayout .aboutLayout .skillsContainer .techStackContainer .languageC{grid-area:content1}.mainLayout .aboutLayout .skillsContainer .techStackContainer .frameworkT{grid-area:title2}.mainLayout .aboutLayout .skillsContainer .techStackContainer .frameworkC{grid-area:content2}.mainLayout .aboutLayout .skillsContainer .techStackContainer .toolsT{grid-area:title3}.mainLayout .aboutLayout .skillsContainer .techStackContainer .toolsC{grid-area:content3}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-scrollbar{background:#0000001a;border-radius:10px;position:relative;-ms-touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:3px;height:5px;left:1%;position:absolute;width:98%;z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:98%;position:absolute;right:3px;top:1%;width:5px;z-index:50}.swiper-scrollbar-drag{background:#00000080;border-radius:10px;height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.scrollArea{height:100%}.scrollArea .scrollIndicatorText{-webkit-touch-callout:none;color:#fff;font-family:"IBM Plex Serif",serif;font-size:16px;font-weight:300;text-decoration:none;-webkit-user-select:none;user-select:none;writing-mode:vertical-rl}.ssdds{opacity:70%}.white{color:#fefdfd}.mainLayout{background:var(--bg-color);color:var(--primary-color);display:flex;font-family:nanumsquare,sans-serif;justify-content:center;min-height:100vh;transition:color .5s,background-color .5s;width:100vw}.mainLayout .side{grid-area:side;min-width:200px}.mainLayout .side1{grid-area:side1;min-width:200px}.projectLayout{display:grid;grid-template-areas:"." "mainProject" "." "secondaryProject" ".";grid-template-rows:10vh -webkit-min-content 30vh -webkit-min-content 50vh;grid-template-rows:10vh min-content 30vh min-content 50vh;justify-content:center;margin:0 var(--spacing) 0 var(--spacing);max-width:1000px;overflow:visible;width:100%}.projectLayout .primaryProjectContainer{grid-gap:20px;display:grid;gap:20px;grid-area:mainProject;max-width:1000px;overflow:visible;width:calc(100vw - var(--spacing)*2)}.projectLayout .primaryProjectContainer .primaryProjectText{display:grid;grid-area:text;grid-template-areas:"title" "." "content" "." "subContent" "." "control";grid-template-rows:-webkit-min-content 10px -webkit-min-content 0 -webkit-min-content 30px auto;grid-template-rows:min-content 10px min-content 0 min-content 30px auto;opacity:0;transition:1s;z-index:2}.projectLayout .primaryProjectContainer .primaryProjectText>span:first-child{font-size:40px;grid-area:title}.projectLayout .primaryProjectContainer .primaryProjectText>span:nth-child(2){font-size:clamp(1.1rem,3.5vw,2.2rem);grid-area:content}.projectLayout .primaryProjectContainer .primaryProjectText>span:nth-child(3){font-size:clamp(.8rem,3vw,1.8rem);grid-area:subContent}.projectLayout .primaryProjectContainer .primaryProjectText>.control{display:flex;font-size:26px;grid-area:control}.projectLayout .primaryProjectContainer .primaryProjectText>.control>.controlButton{-webkit-touch-callout:none;margin-right:30px;-webkit-user-select:none;user-select:none}.projectLayout .primaryProjectContainer .primaryProjectText>.control>.controlButton:hover{cursor:pointer}.projectLayout .primaryProjectContainer .primaryProjectSlideContainer{grid-area:slide;height:100%;opacity:0;overflow:hidden;transition:1s;width:50vw}.projectLayout .primaryProjectContainer .primaryProjectSlideContainer .primaryProjectSlide{font-size:clamp(.8rem,2vw,1rem);height:600px;margin:0;max-width:calc(100% - 30px);overflow:visible;width:clamp(16rem,45vw,25rem)}.projectLayout .primaryProjectContainer .primaryProjectSlideContainer .primaryProjectSlide .slide{border-radius:30px;height:-webkit-min-content;height:min-content;overflow:visible}.projectLayout .primaryProjectContainer .primaryProjectSlideContainer .primaryProjectSlide .slide .cardFront{align-content:center;background-color:#1c1c1c;background-repeat:no-repeat;background-size:contain;border-radius:30px;display:flex;height:clamp(4rem,20vh,15rem);justify-content:center;padding:30px;position:relative;z-index:2}.projectLayout .primaryProjectContainer .primaryProjectSlideContainer .primaryProjectSlide .slide .cardBack{background-color:#181818;box-sizing:border-box;height:-webkit-min-content;height:min-content;padding:80px 30px 30px;position:absolute;width:100%}.projectLayout .primaryProjectContainer .primaryProjectSlideContainer .primaryProjectSlide .slide .cardFront:hover{cursor:grab}.projectLayout .secondaryProjectContainer{display:grid;grid-area:secondaryProject;grid-template-areas:"text" "." "display";grid-template-rows:-webkit-min-content 50px -webkit-min-content;grid-template-rows:min-content 50px min-content;overflow:hidden;width:100%}.projectLayout .secondaryProjectContainer .secondaryProjectText{display:flex;flex-direction:column;grid-area:text}.projectLayout .secondaryProjectContainer .secondaryProjectText .line:first-child{font-size:36px}.projectLayout .secondaryProjectContainer .secondaryProjectText .line:nth-child(2){font-size:27px}.projectLayout .secondaryProjectContainer .secondaryProjectDisplay{grid-gap:20px;display:grid;grid-area:display;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:stretch;place-content:space-between center;width:100%}.projectLayout .secondaryProjectContainer .secondaryProjectDisplay .secondaryProjectComponent{-webkit-backface-visibility:hidden;height:inherit;overflow:hidden;transition:all .5s}.projectLayout .secondaryProjectContainer .secondaryProjectDisplay .secondaryProjectComponent .container{border-radius:30px;box-sizing:border-box;height:100%;padding:60px 30px 30px;transition:.1s}.projectLayout .secondaryProjectContainer .secondaryProjectDisplay .secondaryProjectComponent:hover .container{transform:translateY(-10px)}.titleStyle{font-weight:bolder;transform:rotate(.04deg)}.contentStyle{line-height:120%}.contentStyle,.subContentStyle{font-weight:500;transform:rotate(.04deg)}.subContentStyle{color:#a18b68!important}.P100{height:100%;width:100%}.projectImg{height:100px}.hidden{opacity:0}.foo{transition:1s}@media(min-width:601px){.primaryProjectContainer{grid-template-areas:"text slide";grid-template-columns:50% 50%}}@media(max-width:600px){.primaryProjectContainer{grid-template-areas:"text" "slide";grid-template-rows:-webkit-min-content 50%;grid-template-rows:min-content 50%}.primaryProjectSlideContainer{overflow:visible!important;width:100%!important}.primaryProjectSlide{font-size:clamp(.8rem,3.5vw,1rem)!important}}.cardInfo{-webkit-touch-callout:none;border-radius:30px;display:flex;flex-direction:column;gap:.625em;height:100%;transition:.3s;-webkit-user-select:none;user-select:none;width:inherit;z-index:1}.cardInfo a{color:inherit;opacity:.7;text-decoration:none}.cardInfo a:hover{opacity:1}.cardInfo>span:first-child{font-size:1.25rem;grid-area:title;padding:.625em 0 .313em}.cardInfo>span:nth-child(2){font-size:1rem;font-weight:300!important;grid-area:content;opacity:.7;padding:.313em 0 .625em}.cardInfo>span:nth-child(3){font-size:.75rem;grid-area:subContent;padding-top:.625em}.cardInfo .titleContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.625em;line-height:1.25em}.cardInfo .titleContainer .linkContainer{display:flex;font-size:1.75em;gap:.313em;opacity:.8;width:-webkit-min-content;width:min-content}.cardInfo .contentContainer{flex-grow:1;padding-bottom:.5em}.skillContainer{column-gap:.8em;display:flex;flex-wrap:wrap;font-size:.7em;row-gap:4px}.skillContainer .skill{border-radius:.8em;opacity:.8}.fadeInBefore{opacity:0;transition:opacity 1s}.mainLayoutContact{align-items:center;background:var(--primary-color);color:var(--bg-color);display:flex;font-weight:700;height:100vh;justify-content:center;transition:color .5s,background-color .5s}.mainLayoutContact .contactLayout{display:grid;grid-template-areas:". upper ." ". center ." ". lower .";grid-template-columns:1fr -webkit-min-content 1fr;grid-template-columns:1fr min-content 1fr;grid-template-rows:1fr -webkit-min-content 1fr;grid-template-rows:1fr min-content 1fr;height:inherit;width:inherit}.mainLayoutContact .contactLayout .upper{align-items:end;display:flex;grid-area:upper;overflow:hidden}.mainLayoutContact .contactLayout .lower{display:flex;grid-area:lower;overflow:hidden}.mainLayoutContact .contactLayout .contactMainContainer{grid-area:center;height:100%;width:100%}.mainLayoutContact .contactLayout .contactMainContainer .connectContainer{border-bottom:3px solid #fff;border-top:3px solid #fff;color:#fff;display:flex;flex-direction:column;font-family:roboto,serif;font-size:clamp(3rem,15vmin,9rem);font-weight:300;margin:3px 0;mix-blend-mode:difference;transition:all .1s}.mainLayoutContact .contactLayout .contactMainContainer .connectContainer .lets{height:clamp(3rem,15vmin,9rem)}.mainLayoutContact .contactLayout .contactMainContainer .connectContainer .effectContainer{display:flex;flex-direction:column;transition:.2s}.mainLayoutContact .contactLayout .contactMainContainer .connectContainer .effectContainer span{margin:0;padding:0}.mainLayoutContact .contactLayout .contactMainContainer .connectContainer:hover{border-bottom:6px solid #fff;border-top:6px solid #fff;cursor:pointer;margin:0;mix-blend-mode:difference}.mainLayoutContact .contactLayout .block{color:#fff;font-size:clamp(.8rem,3vmin,1.5rem);font-weight:300;mix-blend-mode:difference;opacity:0;position:relative;text-align:center;transition:.2s;width:100%}.activateAnimation .animation{opacity:1!important;transform:none!important;transition:0s}.activateAnimation .effectContainer{transform:translateY(-50%)}.clicked{background-color:var(--bg-color)!important}.clicked .animation{opacity:1!important;transform:none!important;transition:1s!important}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.1168ad21.css.map*/