._13284qz8{--_13284qz0: #343078;--_13284qz1: #222250;--_13284qz2: #ffffff;--_13284qz3: #000000;--_13284qz4: #343078;--_13284qz5: rgba(255, 255, 255, .9);--_13284qz6: #5ecbf5;--_13284qz7: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)}._13284qz9{--_13284qz0: #6661B7;--_13284qz1: #8B89B5;--_13284qz2: #1a1a1a;--_13284qz3: #ffffff;--_13284qz4: #6661B7;--_13284qz5: rgba(26, 26, 26, .9);--_13284qz6: #5ecbf5;--_13284qz7: 0 4px 8px 0 rgba(255, 255, 255, .2), 0 6px 20px 0 rgba(255, 255, 255, .19)}header{padding:10px 10vw;width:100%;box-sizing:border-box;background:#fff;position:fixed;z-index:10;top:0}.blue-header{transition:background 3s;background:#5ecbf5}header button{padding:5px 10px;font-size:1em}.logo-link{text-decoration:none;color:#5ecbf5}.blue-header .logo-link{color:#fff}.blue-header .logo-link:hover{color:#222250;transition:.3s}.white-header{background-color:var(--_13284qz5)}.blue-header{background-color:var(--_13284qz6)}.blue-header li a{color:#fff}._11rtdqa0{float:left}nav{float:right}nav ul{list-style:none;margin:5px 0 0;display:flex;justify-content:space-around}nav li{width:100px;text-align:center;font-size:.8em}._11rtdqa2:active,._11rtdqa2:hover{color:#5ecbf5;transition:.3s}._11rtdqa3:active,._11rtdqa3:hover{color:#222250;transition:.3s}._11rtdqa4{display:none}._11rtdqa5{position:absolute;top:1rem;right:3rem;display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;border:none;cursor:pointer;padding:0;z-index:10;margin:0 15px}._11rtdqa5:focus{outline:none;background:transparent}._11rtdqa5:hover{outline:none;background:transparent}._11rtdqa6{width:2rem;height:.25rem;background:#222250;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}._11rtdqa6:first-child{transform:rotate(0)}._11rtdqa6:nth-child(2){opacity:1;transform:translate(0)}._11rtdqa6:nth-child(3){transform:rotate(0)}._11rtdqa7{background:#fff}._11rtdqa7:first-child{transform:rotate(45deg)}._11rtdqa7:nth-child(2){opacity:0;transform:translate(20px)}._11rtdqa7:nth-child(3){transform:rotate(-45deg)}._11rtdqa8{display:flex;flex-direction:column;justify-content:center;transform:translate(-100%);position:absolute;top:0;right:0;transition:transform .3s ease-in-out;width:100%;height:100vh}._11rtdqa9{transform:translate(0)}._11rtdqaa{padding:0;margin:0;list-style:none;text-align:center;display:flex;flex-direction:column}._11rtdqab{font-size:2rem;text-transform:uppercase;padding:2rem 0;font-weight:700;letter-spacing:.5rem;color:#000;text-decoration:none;transition:color .3s linear}._11rtdqab:hover{color:#343078}._11rtdqac{background:transparent;border:2px solid #343078;border-radius:30px;cursor:pointer;display:flex;align-items:center;padding:4px;position:relative;width:50px;height:24px;margin-left:20px;margin-top:0}._11rtdqac:focus{outline:none;box-shadow:0 0 0 2px #222250}._11rtdqac:after{content:"";background:#343078;border-radius:50%;position:absolute;left:26px;height:20px;width:20px;transition:all .3s linear}._11rtdqad:after{left:4px}._11rtdqae{color:#343078;font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}._11rtdqae.sun{left:6px}._11rtdqae.moon{right:6px}@media screen and (max-width:640px){header{height:4rem}._11rtdqa0{margin-left:10px}nav{height:100vh;width:100vw;background-color:#5ecbf5;text-align:center;position:absolute;right:0;top:0;z-index:5;font-size:1.5em}nav ul{display:block;margin:0;padding:0;z-index:10}nav li{font-size:2em;margin:0 auto;width:auto}._11rtdqa1{display:none}._11rtdqa4{display:block}}@media(max-width:576px){._11rtdqa8{width:100%}._11rtdqab{font-size:1.5rem;text-align:center;color:#fff}._11rtdqac{margin:20px auto;position:relative;top:auto;right:auto}}@font-face{src:url(/assets/Dosis-VariableFont-DY85_DvB.ttf) format("truetype");font-weight:400;font-style:normal;font-family:Dosis}@keyframes x48rqs0{0%{transform:rotate(-10deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes x48rqs1{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes x48rqs2{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-6px)}}@keyframes x48rqs3{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.root{margin:0;font-weight:300;font-style:normal;font-size:calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));line-height:1.8;scroll-behavior:smooth;padding:0;background:var(--_13284qz2);color:var(--_13284qz3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .25s linear}h1,h2,h3{font-family:Dosis,sans-serif}h1{margin-bottom:40px}img{width:100%;height:auto;vertical-align:bottom}section{width:80vw;margin:0 auto;padding-top:80px}button{border:1px solid;padding:15px 27px;text-align:center;text-decoration:none;display:inline-block;font-size:1.2em;font-family:Dosis,sans-serif;margin:15px;background:transparent}button:hover{background:#222250;color:#fff}video{max-height:90vh}.video{position:relative;height:0;padding-top:56.25%;margin-bottom:20px}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}a{color:var(--_13284qz0);text-decoration:none}.highlight{color:var(--_13284qz4);border-bottom:2px solid #5ecbf5}.homemain{display:flex;flex-direction:column;justify-content:center;align-items:center;height:85vh;width:60vw;position:relative}.logo{color:#5ecbf5}.Typist{height:100%;display:flex;justify-content:center;align-items:center}.typing{font-size:1.8em;letter-spacing:.1em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Cursor--blinking{display:none}.hand{margin:0;display:inline}.flag{display:inline-block;margin:0;animation:x48rqs1 1s infinite}.grow{display:inline-block;margin:0;animation:x48rqs2 1s infinite}.arrow{position:absolute;bottom:40px;right:0;left:0;margin:0 auto;width:50px;animation:x48rqs3 2s infinite}#skills img{height:30px}.skills-wrapper{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;grid-row-gap:75px}.skill-name{margin-top:15px}.projects-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px}.project-thumbnail{color:var(--_13284qz3);box-shadow:var(--_13284qz7)}.thumbnail{overflow:hidden}.project-thumbnail img{transition:.3s ease-in-out}.skills{padding:7px 15px;font-size:.9em}.projects-wrapper h3{padding:0;margin-bottom:5px;margin-top:18px}.project-title{display:flex}.project-title div:first-child{margin-right:auto}.project-title a{display:inline-block}.linkicon{height:1.2em;margin-left:10px;vertical-align:middle;width:20px}.linkicon:hover>.cls-1{fill:#5ecbf5;transform:translateY(-2px);transition:.3s}.projects-wrapper p{margin:0}.profile-image{float:left;width:25%}.profile-text{float:right;width:70%}.profile-text p{padding:0;margin:0}.profile-wrapper{overflow:hidden}footer section{padding-top:10px;text-align:center}footer h1{margin-bottom:10px}footer{background-color:#5ecbf5;color:#fff}.snsicon{margin:10px 5%;width:30px}.snsicon>.cls-1{fill:#fff}.snsicon:hover>.cls-1{fill:#222250;transition:.3s}.copyright{text-align:center;margin-top:10px}.detailmain{height:85vh}.detailmain h1{font-size:2.5em}.detailmain-flexbox{position:absolute;top:7vh;bottom:0;right:0;left:0;margin:auto;display:flex;width:100%;text-align:center;vertical-align:middle;align-items:center}.detailmain-box{width:50%;margin-top:-50px;overflow:hidden}.detailmain-box img{margin-top:50px;width:70vw}#overview img{margin-top:30px}.branding-package img{width:50%}.moodboard img{width:50%;vertical-align:top}.mockup-button{text-align:center}.mockup img{margin:20px 0}.product-buttons{text-align:center}.project-nav{overflow:hidden}.project-nav .fas{margin:10px 20px}.project-nav a{text-decoration:none;color:#000}.project-nav a i{vertical-align:middle}.left-arrow{float:left;width:50%;display:inline-block;text-align:right}.right-arrow{float:right;width:50%}.project-nav a:hover{color:#5ecbf5;transition:.3s}.project-nav a.disabled{pointer-events:none;color:#9e9e9ed1}@media screen and (max-width:640px){section h1{text-align:center}.Typist{font-size:.7em}.arrow{width:30px}.skills-wrapper{grid-template-columns:repeat(3,1fr)}.projects-wrapper{display:block}.project{margin-bottom:30px}.profile-image{width:100%;text-align:center}.profile-image img{width:80%}.profile-text{width:100%}.profile-text p{padding-top:20px}.snslink{text-align:center}.snslink a{margin:0 5%}.snsicon{margin:0 auto}.detailmain-flexbox{display:block}.detailmain-box{width:100%;height:50vh;display:flex;justify-content:center;align-items:center}.detailmain-box-text{margin-bottom:-50px}.detailmain-box-image{margin-top:-50px}.detailmain-box img{width:80%}.project-nav{font-size:12px}}