:root{--themecolor: #232429}body{font-family:Jetbrains Mono;overflow:hidden;max-height:100vh}body.cv-mode{max-height:100%}.bg-theme-color{background-color:var(--themecolor)}.fg-theme-color{color:var(--themecolor)}.hero-section{transition:height 2s}.hero-section .main-title{font-family:Jetbrains Mono;color:#fff;margin:0 auto;text-align:center;font-weight:100;font-size:60px}.hero-section .back-nav-area{width:100%;height:100%;z-index:123;cursor:pointer;display:none}.hero-section.welcome-screen{height:100vh;position:relative}.hero-section.welcome-screen .center{top:50%;left:50%;transform:translate(-50%,-50%)}.hero-section.welcome-screen .main-title{position:absolute;transition:all ease-in-out .5s}.hero-section.welcome-screen.first-state .main-title{opacity:0;animation-name:fadeIn;animation-delay:3s;animation-duration:1s;animation-fill-mode:forwards}.hero-section.welcome-screen .main-desc{display:none}.hero-section.welcome-screen .hello-text{position:absolute;background-color:var(--themecolor);animation-name:fadeOff;animation-delay:2s;animation-duration:1s;animation-fill-mode:forwards}.hero-section.welcome-screen .hello-text .msg{font-family:Quicksand,sans-serif;color:#fff;text-align:center;font-weight:100;font-size:2.25em;letter-spacing:.15em;position:relative;width:22ch;margin:0 auto}.hero-section.welcome-screen .hello-text .msg span{position:absolute;top:0;right:0;bottom:0;width:0;background:var(--themecolor);-webkit-animation-name:typing;-webkit-animation-duration:1.5s;-webkit-animation-timing-function:steps(22,end)}.hero-section.welcome-screen .nav-circle{position:absolute;width:700px;height:700px;animation-name:fadeIn;animation-delay:3s;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}.hero-section.welcome-screen .nav-circle svg{position:absolute;fill:#fff}.hero-section.welcome-screen .nav-circle #nav-line{fill-opacity:.1}.hero-section.welcome-screen .nav-circle #nav-pivot{fill-opacity:0}.hero-section.welcome-screen .nav-area{position:absolute;width:700px;height:700px;animation-name:fadeIn;animation-delay:3s;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}.hero-section.welcome-screen .nav-area .nav-dot{position:absolute;width:48px;height:48px}.hero-section.welcome-screen .nav-area .nav-dot .cv-link{color:#fff;text-align:center;display:none;left:275px;top:70%;font-weight:700;position:absolute;font-size:16px}.hero-section.welcome-screen .nav-area .nav-dot.top{top:55px;left:50%;height:180px;width:600px;transform:translate(-50%)}.hero-section.welcome-screen .nav-area .nav-dot.bottom{bottom:0;left:50%;height:180px;width:600px;transform:translate(-50%);cursor:pointer}.hero-section.welcome-screen .nav-area .nav-dot.left{left:30px;top:20%;width:180px;height:600px;transform:translateY(-10%)}.hero-section.welcome-screen .nav-area .nav-dot.right{right:25px;top:20%;width:180px;height:600px;transform:translateY(-10%)}.hero-section.welcome-screen .nav-area .nav-desc{position:absolute;opacity:0;color:#fff;font-size:100px;transition:all ease-in-out .5s}.hero-section.welcome-screen .nav-area .nav-desc span{transition:all ease-in-out .5s;display:inline-block}.hero-section.welcome-screen .nav-area .nav-desc .keyword{font-weight:700}.hero-section.welcome-screen .nav-area .nav-desc.left{text-align:right}.hero-section.welcome-screen .nav-area .nav-desc.left .keyword{color:#6cc073}.hero-section.welcome-screen .nav-area .nav-desc.left span{transform:translate(-15%)}.hero-section.welcome-screen .nav-area .nav-desc.right{text-align:left}.hero-section.welcome-screen .nav-area .nav-desc.right .keyword{color:#c0be5e}.hero-section.welcome-screen .nav-area .nav-desc.right span{transform:translate(15%)}.hero-section.welcome-screen .nav-area .nav-desc.top .keyword{color:#db6c6c}.hero-section.welcome-screen .nav-area .nav-desc.top span{transform:translateY(-10%)}.hero-section.welcome-screen .nav-area .nav-desc.bottom .keyword{color:#6384df}.hero-section.welcome-screen .nav-area .nav-desc.bottom span{transform:translateY(10%)}.hero-section.welcome-screen.hover-pivot .main-title{opacity:0}.hero-section.welcome-screen.hover-top .nav-circle .bottom{fill-opacity:0}.hero-section.welcome-screen.hover-top .nav-circle #nav-pivot .top{transition:fill-opacity 1s;fill-opacity:.1}.hero-section.welcome-screen.hover-top .nav-dot.top,.hero-section.welcome-screen.hover-top .nav-dot.bottom{opacity:0}.hero-section.welcome-screen.hover-top .nav-desc.top{opacity:1}.hero-section.welcome-screen.hover-top .nav-desc.top span{transform:translate(0)}.hero-section.welcome-screen.hover-bottom .nav-circle .top{fill-opacity:0}.hero-section.welcome-screen.hover-bottom .nav-circle #nav-pivot .bottom{transition:fill-opacity 1s;fill-opacity:.1}.hero-section.welcome-screen.hover-bottom .nav-circle #nav-dot .bottom{fill-opacity:0}.hero-section.welcome-screen.hover-bottom .nav-dot.top{opacity:0}.hero-section.welcome-screen.hover-bottom .nav-dot.bottom .default{display:none}.hero-section.welcome-screen.hover-bottom .nav-dot.bottom .cv-link{display:inline-block}.hero-section.welcome-screen.hover-bottom .nav-desc.bottom{opacity:1}.hero-section.welcome-screen.hover-bottom .nav-desc.bottom span{transform:translate(0)}.hero-section.welcome-screen.hover-left .nav-circle .right{fill-opacity:0}.hero-section.welcome-screen.hover-left .nav-circle #nav-pivot .left{transition:fill-opacity 1s;fill-opacity:.1}.hero-section.welcome-screen.hover-left .nav-dot.left,.hero-section.welcome-screen.hover-left .nav-dot.right{opacity:0}.hero-section.welcome-screen.hover-left .nav-desc.left{opacity:1}.hero-section.welcome-screen.hover-left .nav-desc.left span{transform:translate(0)}.hero-section.welcome-screen.hover-right .nav-circle .left{fill-opacity:0}.hero-section.welcome-screen.hover-right .nav-circle #nav-pivot .right{transition:fill-opacity 1s;fill-opacity:.1}.hero-section.welcome-screen.hover-right .nav-dot.left,.hero-section.welcome-screen.hover-right .nav-dot.right{opacity:0}.hero-section.welcome-screen.hover-right .nav-desc.right{opacity:1}.hero-section.welcome-screen.hover-right .nav-desc.right span{transform:translate(0)}.hero-section.cv-container{transition:all 2s;height:200px;position:relative;background-color:#fff}.hero-section.cv-container .main-title{padding-top:40px;color:#000;z-index:1111;position:relative}.hero-section.cv-container .main-desc{font-family:Jetbrains Mono;color:#000;margin:0 auto;text-align:center;font-weight:100;z-index:1111;position:relative}.hero-section.cv-container .back-nav-area{display:block;position:absolute;top:0;left:0;z-index:999999}.hero-section.cv-container .back-nav-area:hover{background-color:#9c9c9c3a}@keyframes typing{0%{width:100%}to{width:0}}@keyframes fadeOff{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}66%{opacity:0}to{opacity:1}}.main-section{height:100%}.main-section .columns{margin:0;height:100%}.main-section .columns .column{padding-left:0;padding-top:0}.main-section .contact-part{padding:20px 10px;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5}.main-section .contact-part .contact-content{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.main-section .contact-part .contact-content .contact{font-size:18px;display:flex;align-items:center;justify-content:flex-start}.main-section .contact-part .contact-content .contact .icon{font-size:25px;margin-right:10px}.main-section .info{margin-top:10px;padding-top:10px}.main-section .info .title-part .title-pane{font-size:22px;font-weight:700;text-transform:uppercase}.main-section .info .content{margin:0}.main-section .info .content ul{margin-top:0}.main-section .info .content .job-title{font-weight:600;font-size:18px}.main-section .info .content .job-loc{margin-bottom:0}.main-section .info .content .job-loc span{font-weight:100;font-style:italic}.main-section .info .content.skills p{word-break:keep-all;white-space:nowrap}.main-section .separator{width:5px!important;border-radius:5px;margin-top:10px;margin-bottom:10px}.main-section .border-top{border-top:1px solid #b5b5b5}.main-section a{color:#000!important;position:relative;font-weight:600;text-decoration:underline}