#root{width:100%;margin:0 auto;vertical-align:top}.page{width:100%;height:100%}.app-content{overflow:scroll}.nav-header{height:5rem;display:flex;flex-direction:row;justify-content:space-between;padding:1rem}.nav-header .nav-header-block{display:flex;align-items:center;justify-content:space-between;text-decoration:none}.nav-header .nav-header-block .nav-item{margin-left:1rem;margin-right:1rem}.nav-header .nav-header.rhs{flex-direction:row-reverse}.nav-header .logo-title{display:inline-block;margin:1rem;font-size:2rem;text-align:center}.nav-header .resume-item{background-color:#fff;border:2px solid var(--primary-color);border-radius:9999px;padding:.5rem 1rem;font-weight:400;font-size:1.2rem;color:var(--primary-color);cursor:pointer}.nav-header .resume-item:hover{background-color:var(--primary-color);color:#fff}@media screen and (max-width:650px){.nav-header .logo-title{font-size:1.5rem}}.logo .logo-img{width:4rem;height:4rem;border-radius:50%;object-fit:contain}.conclustion-section{display:flex;flex-direction:column;align-items:center}.conclustion-section .conclustion-logo{margin-top:3rem;margin-bottom:3rem}.conclustion-section .wisdom-class{text-align:center}.conclustion-section .link-list{display:flex;list-style:none;margin-top:1rem}.conclustion-section .link-list .link-item{margin:1rem}.conclustion-section .link-list .link-item .logo-img{width:6rem}@media screen and (max-width:850px){.conclustion-section .link-list .link-item .logo-img{width:4rem;height:3rem}}.conclustion-section .conc-insp{margin-top:1rem;margin-bottom:3rem}.conclustion-section .conc-insp a{color:var(--primary-color)}.exp-section{padding:3rem;margin:2rem 0}.exp-section .exp-header{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:2rem;text-align:center;line-height:1.5rem}.exp-section .exp-header h2{margin-bottom:1rem}.exp-section .exp-header p{width:60%}.exp-section .exp-container{flex-grow:1;display:flex;justify-content:space-around;align-items:center}.exp-section .exp-container .exp-box{display:flex;flex-direction:column;justify-content:space-between;width:37%;height:25rem;background-color:#fff;border-radius:6px;box-shadow:0 5px 5px #e9f0f380,0 0 0 1px #e6ecf8;color:#141c3a;padding:1rem 3rem 3rem}@media screen and (min-width:960px) and (max-width: 1050px){.exp-section .exp-container .exp-box{height:28rem}}.exp-section .exp-container .exp-box .exp-title{margin-bottom:1.5rem}.exp-section .exp-container .exp-box .exp-content{margin-bottom:1.5rem;line-height:1.5rem}.exp-section .exp-container .exp-box .exp-tech-list{list-style:none;display:flex;flex-wrap:wrap}.exp-section .exp-container .exp-box .exp-tech-list .exp-tech-item{padding:.25rem .75rem;background-color:var(--primary-color);color:#fff;border-radius:999px;margin:.5rem}.exp-section .exp-container .logo-container{display:flex;justify-content:center;align-items:center}.exp-section .exp-container .logo-container .exp-logo img{width:7rem;height:7rem}.exp-section .exp-container .logo-container .zomentum{width:9rem}@media screen and (max-width: 960px){.exp-section{padding:1rem}.exp-section .exp-header p{text-align:center;width:auto}.exp-section .exp-container{flex-direction:column}.exp-section .exp-container .exp-box{width:75%;height:auto;margin-bottom:2rem}}.intro-section{height:38rem;display:flex;align-items:center;justify-content:center;flex-direction:row;padding:1rem;letter-spacing:.1rem;border-bottom:1px solid rgba(0,0,0,.1);background-color:var(--primary-color);color:#fff}.intro-section h1{font-size:3rem}.intro-section .intro-partition{width:50%;padding-left:1rem;padding-top:2rem;margin-bottom:2rem}.intro-section .intro-portfolio-img{object-fit:contain;height:auto;width:100%}.intro-section .intro-content{line-height:1.5rem}@media screen and (max-width: 960px){.intro-section{display:inline-block;height:auto}.intro-section .intro-partition{width:100%;padding:0rem}.intro-section h1{font-size:2rem}}.prj-section{padding:3rem;margin:2rem 0;background-color:var(--primary-color)}.prj-section .prj-header{color:var(--text-secondary-color);display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:2rem;text-align:center;line-height:1.5rem}.prj-section .prj-header h2{margin-bottom:1rem}.prj-section .prj-header p{width:60%}@media screen and (max-width: 600px){.prj-section .prj-header{width:100%}}.prj-section .prj-container{display:flex;justify-content:space-around}@media screen and (max-width: 960px){.prj-section .prj-container{flex-direction:column;align-items:center}}.prj-section .prj-container .prj-box{background-color:var(--secondary-color);width:35%;margin:2rem;padding:1rem;line-height:1.5rem;border-radius:1rem}@media screen and (max-width: 960px){.prj-section .prj-container .prj-box{width:75%}}.prj-section .prj-container .prj-box .prj-box-header{display:flex;align-items:center;padding:0 1rem 0 0}.prj-section .prj-container .prj-box .prj-box-header .prj-title{margin-left:1rem}.prj-section .prj-container .prj-box .prj-box-header .prj-title a{color:var(--primary-color);text-decoration:none}.prj-section .prj-container .prj-box .prj-box-header img{width:4rem;height:6rem}@media screen and (max-width: 1060px){.prj-section .prj-container .prj-box .prj-box-header{flex-direction:column}.prj-section .prj-container .prj-box .prj-box-header .prj-title{margin-bottom:0}.prj-section .prj-container .prj-box .prj-box-header img{width:5rem;height:7rem}.prj-section .prj-container .prj-box .prj-desc{padding:1rem 2rem 2rem}}:root{--primary-color: #5025d1;--secondary-color: #FAFBFF;--text-base-color: #1d1e20;--text-secondary-color: #f0f2ef}*{margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif}html,body{width:100vw;overflow-x:hidden;background-color:var(--secondary-color);color:var(--text-base-color);box-sizing:border-box}.mb1{margin-bottom:1rem}.mt1{margin-top:1rem}.ml1{margin-left:1rem}.mr1{margin-right:1rem}.px1{padding-left:1rem;padding-right:1rem}.py1{padding-top:1rem;padding-bottom:1rem}h1{font-size:3.2em;line-height:1.1}