﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{--ff-default: 'Barlow', sans-serif;--header-h: 60px;--default-padding: 20px;--content-padding: 70px;--content-width: 1440px;--txt-width: 680px;--fz: 1.6rem}@media (max-width: 1024px){:root{--content-padding: 50px}}@media (max-width: 769px){:root{--content-padding: 30px}}@media (max-width: 480px){:root{--content-padding: 15px;--default-padding: 15px;--header-h: 35px;--fz: 1.5rem}}:root{--color-main: #3e00ff;--color-secondary: #fbf762;--color-grey: #272727;--color-white: #FFF;--color-black: #000}@keyframes animationHeaderLine{0%{transform:scaleX(0%)}100%{transform:scaleX(100%)}}@keyframes animationDefaultAppearance{0%{opacity:0;transform:translate(0, -10px)}100%{opacity:1;transform:translate(0, 0)}}body,html{position:relative;height:100%}html{font-size:62.5%}body{color:var(--color-grey);font-family:var(--ff-default);font-size:var(--fz);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.content-wrapper{width:calc(100% - 2 * var(--content-padding));max-width:var(--content-width);margin:0 auto}section{min-height:calc(100vh  - 2*var(--content-padding) - var(--header-h));padding:var(--content-padding) 0;padding-top:calc(var(--header-h) + var(--content-padding))}h1,.h1{color:var(--color-main);font-family:var(--ff-default);font-size:6.0rem;font-weight:700}@media (max-width: 769px){h1,.h1{font-size:5.0rem}}@media (max-width: 480px){h1,.h1{font-size:3.8rem}}h1::after,.h1::after{content:"";display:block;background-color:var(--color-secondary);height:6px;width:45px;margin:10px 0 35px 0}@media (max-width: 769px){h1::after,.h1::after{margin-bottom:25px}}@media (max-width: 480px){h1::after,.h1::after{height:4px;width:25px;margin:8px 0 15px 0}}h2,.h2{color:var(--color-main);font-size:2.0rem;font-weight:500;margin-bottom:var(--default-padding)}@media (max-width: 480px){h2,.h2{font-size:1.6rem;font-weight:700;margin-bottom:25px}}p{line-height:140%}a{text-decoration:none;color:var(--color-main)}.btn-wrapper{display:flex;gap:var(--default-padding)}@media (max-width: 480px){.btn-wrapper{flex-direction:column}}.btn{display:block;font-weight:700;font-size:1.4rem;background-color:var(--color-secondary);border:1px solid var(--color-secondary);color:var(--color-grey);padding:15px}@media (max-width: 769px){.btn{padding:12px}}.btn span{display:block;position:relative;transition:transform .25s ease}.btn span::after{content:"";width:20px;height:3px;position:absolute;bottom:-5px;left:0;background:currentColor;transform:scaleX(0);transform-origin:0 0;transition:transform .25s ease}@media (max-width: 769px){.btn span::after{width:18px;height:2px}}.btn.is-secondary{background-color:transparent;color:var(--color-secondary)}.btn.is-tertiary{background-color:transparent;border-color:var(--color-main);color:var(--color-main)}.btn:hover span{transform:translateY(-2px)}.btn:hover span::after{transform:scaleX(100%)}.link{font-weight:700}.link.has-arrow::after{content:" →"}header{background-color:var(--color-main);position:fixed;left:0;top:0;padding:var(--default-padding) 0;width:100%;z-index:100}@media (max-width: 480px){header{padding:10px 0}}header .content-wrapper{display:flex;gap:var(--default-padding);justify-content:space-between}@media (max-width: 480px){header .content-wrapper{justify-content:flex-start}}header nav ul{position:relative;z-index:20;display:flex;justify-content:flex-end;gap:var(--default-padding)}header nav ul li a{display:block;color:var(--color-white);font-weight:700;transition:transform .25s ease,color .25s ease;-webkit-backface-visibility:hidden}@media (max-width: 480px){header nav ul li a{font-size:1.3rem}}header nav ul li a:hover{transform:translateY(-4px);color:var(--color-secondary)}header nav ul li.is-current a{color:var(--color-secondary)}header nav .main-title{color:var(--color-white);font-weight:700;z-index:30;font-size:1.8rem;opacity:0;transition:color .25s ease,opacity .25s ease}header nav .main-title strong{font-size:1.4rem;font-weight:500;margin-left:5px}header nav .main-title span:last-child{display:none}@media (max-width: 769px){header nav .main-title{font-size:1.6rem}header nav .main-title strong{display:none}}@media (max-width: 480px){header nav .main-title{display:none}}header nav .line{background-color:var(--color-white);height:1px;width:100%;position:absolute;top:calc(var(--header-h) + 1px);z-index:10;transform-origin:0 0}header nav .line::before{content:" ";background-color:var(--color-main);height:var(--header-h);width:100%;position:absolute;top:calc(-1 * var(--header-h));left:0;right:0}body.is-scrolled header nav .main-title{opacity:1}@media (min-width: 1025px){.js-home-animation,.js-home-animation-btn{opacity:0.0001;animation:animationDefaultAppearance .35s ease-in-out 0s 1 forwards}.js-home-animation:nth-child(1){animation-delay:.175s}.js-home-animation:nth-child(2){animation-delay:.35s}.js-home-animation:nth-child(3){animation-delay:.525s}.js-home-animation-btn:nth-child(1){animation-delay:.8155s}.js-home-animation-btn:nth-child(2){animation-delay:.931s}.js-home-animation-btn:nth-child(3){animation-delay:1.0465s}.js-home-animation-btn:nth-child(4){animation-delay:1.162s}.js-menu-line{transform:scaleX(0%);animation:animationHeaderLine 1s ease-in-out 1.687s 1 forwards}.js-menu-item{opacity:0.0001;animation:animationDefaultAppearance .35s ease-in-out 0s 1 forwards}.js-menu-item:nth-child(1){animation-delay:2.23375s}.js-menu-item:nth-child(2){animation-delay:2.34925s}.js-menu-item:nth-child(3){animation-delay:2.46475s}}section.home-section{background-color:var(--color-main);position:relative;display:flex;flex-direction:column;justify-content:flex-end;color:var(--color-white)}section.home-section h1,section.home-section h2{color:var(--color-white)}@media (max-width: 769px){section.home-section h1{margin-top:40px}}section.home-section .desc{max-width:var(--txt-width)}section.home-section p{padding:2px 0}section.home-section p:last-child{margin-top:10px;font-weight:700}section.home-section .btn-wrapper{margin-top:50px}@media (max-width: 769px){section.home-section .btn-wrapper{margin-top:30px}}section.projects-section{padding-bottom:0}section.projects-section .h1{color:var(--color-main)}section.projects-section .projects-preview-list{margin-top:50px;display:flex;flex-wrap:wrap;gap:var(--default-padding)}@media (max-width: 769px){section.projects-section .projects-preview-list{display:none}}section.projects-section .projects-preview-list .project-preview{flex-basis:calc(33.33% - 2 / 3 * var(--default-padding));background-color:var(--color-main);color:var(--color-white);box-sizing:border-box;position:relative;overflow:hidden;transition:color .5s ease}section.projects-section .projects-preview-list .project-preview:before{content:'';display:block;float:left;padding-bottom:33.3333333333%}section.projects-section .projects-preview-list .project-preview:after{content:'';display:table;clear:both}@media (max-width: 1024px){section.projects-section .projects-preview-list .project-preview{flex-basis:calc(50% - 1 / 2 * var(--default-padding))}}section.projects-section .projects-preview-list .project-preview .color-wrapper{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;z-index:2;opacity:0;transition:opacity .5s ease;background-color:var(--color-secondary) !important}section.projects-section .projects-preview-list .project-preview .txt-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;justify-content:end;padding:var(--default-padding);box-sizing:border-box;transform:translateY(38px);transition:transform .5s ease}section.projects-section .projects-preview-list .project-preview .txt-wrapper::before{content:attr(data-value);font-size:14.0rem;line-height:1;color:var(--color-secondary);font-weight:700;position:absolute;top:0%;left:10%;opacity:0.1;white-space:nowrap;transition:transform .5s ease,color .5s ease}section.projects-section .projects-preview-list .project-preview .txt-wrapper .project-title{font-weight:700;font-size:2.4rem;display:block}section.projects-section .projects-preview-list .project-preview .txt-wrapper .project-subtitle{display:block;margin-bottom:15px}section.projects-section .projects-preview-list .project-preview:hover{color:var(--color-grey)}section.projects-section .projects-preview-list .project-preview:hover .color-wrapper{opacity:1}section.projects-section .projects-preview-list .project-preview:hover .txt-wrapper{transform:translateY(0)}section.projects-section .projects-preview-list .project-preview:hover .txt-wrapper::before{color:var(--color-main);transform:translateX(60px) translateY(36px)}section.projects-section .projects-list{margin-top:var(--content-padding)}section.projects-section .projects-list .project-view{position:relative}section.projects-section .projects-list .project-view::after{content:"";height:1px;width:100%;background-color:var(--color-main);position:absolute;top:0;left:0;z-index:2}section.projects-section .projects-list .project-view .bg-wrapper{z-index:1;position:absolute;top:0;left:0;bottom:0;right:0;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:0 var(--header-h);filter:grayscale(100%)}section.projects-section .projects-list .project-view .color-wrapper{position:absolute;bottom:0;top:0;left:0;right:0;background:var(--color-secondary);opacity:0.75;z-index:2}section.projects-section .projects-list .project-view .content-wrapper{height:100vh;position:relative;z-index:3}@media (max-width: 769px){section.projects-section .projects-list .project-view .content-wrapper{height:auto;padding:100px 0 0 0}}section.projects-section .projects-list .project-view .project-flex{display:flex;flex-direction:row-reverse;gap:35px;justify-content:flex-end;align-items:flex-end;height:100%;box-sizing:border-box;padding:var(--content-padding) 0}section.projects-section .projects-list .project-view .project-flex nav{display:flex;gap:5px;height:50px;flex:0 0 50px;justify-content:flex-end}@media (max-width: 769px){section.projects-section .projects-list .project-view .project-flex nav{display:none}}section.projects-section .projects-list .project-view .project-flex nav a{line-height:1;-webkit-backface-visibility:hidden}section.projects-section .projects-list .project-view .project-flex nav a::before{display:inline-block;transition:transform .25s ease}section.projects-section .projects-list .project-view .project-flex nav a span{display:none}section.projects-section .projects-list .project-view .project-flex nav a.is-prev{align-self:flex-start}section.projects-section .projects-list .project-view .project-flex nav a.is-prev::before{content:"↑"}section.projects-section .projects-list .project-view .project-flex nav a.is-prev:hover::before{transform:translateY(-4px)}section.projects-section .projects-list .project-view .project-flex nav a.is-next{align-self:flex-end}section.projects-section .projects-list .project-view .project-flex nav a.is-next::before{content:"↓"}section.projects-section .projects-list .project-view .project-flex nav a.is-next:hover::before{transform:translateY(4px)}section.projects-section .projects-list .project-view .project-flex nav a::before{font-size:3.0rem;color:var(--color-grey);font-weight:700}section.projects-section .projects-list .project-view .project-flex .txt-wrapper{background-color:var(--color-white);color:var(--color-grey);padding:var(--default-padding);margin-bottom:10px;border:1px solid var(--color-main);box-shadow:10px 10px var(--color-main);flex:0 0 calc(50% - 102px)}@media (max-width: 1024px){section.projects-section .projects-list .project-view .project-flex .txt-wrapper{flex:0 0 66.66%}}@media (max-width: 769px){section.projects-section .projects-list .project-view .project-flex .txt-wrapper{flex:1 1 100%;box-shadow:5px 5px var(--color-main);margin-bottom:5px}}section.projects-section .projects-list .project-view .project-flex .txt-wrapper h3{font-weight:700;font-size:2.8rem;margin-bottom:5px;color:var(--color-main)}@media (max-width: 769px){section.projects-section .projects-list .project-view .project-flex .txt-wrapper h3{font-size:2.6rem}}section.projects-section .projects-list .project-view .project-flex .txt-wrapper h4{font-weight:500;line-height:140%}section.projects-section .projects-list .project-view .project-flex .txt-wrapper h4 span{font-weight:700}@media (max-width: 769px){section.projects-section .projects-list .project-view .project-flex .txt-wrapper h4 span{display:block}}section.projects-section .projects-list .project-view .project-flex .txt-wrapper h4::after{content:"";display:block;background-color:var(--color-secondary);width:20px;height:3px;margin:10px 0}section.projects-section .projects-list .project-view .project-flex .txt-wrapper p{padding:2px 0;font-weight:500;max-width:90%;font-weight:500}section.projects-section .projects-list .project-view .project-flex .txt-wrapper .tags{margin-top:25px;display:flex;flex-wrap:wrap;gap:5px}section.projects-section .projects-list .project-view .project-flex .txt-wrapper .tag{font-weight:700;color:var(--color-grey);background-color:var(--color-secondary);padding:3px 8px;display:inline-block}@media (max-width: 480px){section.projects-section .projects-list .project-view .project-flex .txt-wrapper .tag{font-weight:500}}section.projects-section .projects-list .project-view .project-flex .txt-wrapper .btn-wrapper{margin-top:25px}section.projects-section .projects-list .project-view:nth-child(even) .color-wrapper{background:var(--color-black);opacity:0.3}section.projects-section .projects-list .project-view:nth-child(even) .project-flex nav a::before{color:var(--color-secondary)}@media (min-width: 1025px){section.projects-section .projects-list .project-view:nth-child(even) .project-flex{flex-direction:row}section.projects-section .projects-list .project-view:nth-child(even) .project-flex nav{justify-content:flex-end}}section.projects-section .projects-list.is-ios .project-view .bg-wrapper{background-attachment:initial;background-position:0 0}footer{text-align:center;padding:10px 0;background-color:var(--color-main)}footer .content-wrapper{display:flex;justify-content:center;align-items:center}footer a{display:inline-block;color:var(--color-secondary);-webkit-backface-visibility:hidden;transition:transform .25s ease}footer a:hover{transform:translateY(-4px)}footer a:first-child{margin-left:auto}footer .back-to-top{font-size:3.0rem;color:var(--color-secondary);font-weight:700;margin-left:auto}@media (max-width: 1280px){footer .back-to-top{font-size:2.5rem}}@media (max-width: 769px){footer .back-to-top{font-size:2.0rem}}
/*# sourceMappingURL=style.min.css.map */
