@import url(https://fonts.googleapis.com/css?family=Poppins:400);.page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;scroll-snap-align:start start;width:100%}.page .main-title{display:flex;flex-flow:column nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 0 2rem 15%;width:100%}.page .content-area{display:grid;grid-template-columns:50% 50%;grid-template-rows:100%;height:clamp(400px,60%,70%);place-items:center;width:clamp(500px,70%,90%);z-index:1}.page .content-area .text-content{align-items:flex-start;display:flex;flex-flow:column nowrap;height:100%;justify-content:center;width:100%}.page .content-area .text-content>.title{padding-bottom:1rem;text-align:center}.page .content-area .text-content>.title .sub{color:#787878}.page .content-area .text-content .large-cards{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;list-style:none;width:100%}.page .content-area .text-content .and-many-more{padding-top:1rem}.page .content-area .image-content{height:100%;width:100%}.page .content-area .image-content img{height:100%;object-fit:contain;width:100%}.page .content-area .image-content .image-placeholder{background:#787878;height:100%;width:100%}.page .content-area.page-left{-webkit-transform:translateX(-15%);transform:translateX(-15%)}.page .content-area.page-right{-webkit-transform:translateX(15%);transform:translateX(15%)}.page .content-area.page-center{margin:auto;width:70%}.page.project1 .content-area{grid-template-columns:30% 1fr}.page.project1 .content-area .image-content{padding-left:20%}.page.about .content-area,.page.project2 .content-area{grid-template-columns:1fr 30%}.page.about .content-area .image-content,.page.project2 .content-area .image-content{padding-right:10%}.page.about,.page.project1,.page.project2{background-color:#2b2b2b}.page.languages .content-area,.page.services .content-area{grid-template-columns:1fr auto}.page.languages .content-area .text-content,.page.services .content-area .text-content{align-items:center}@media screen and (max-width:480px){.page .content-area .text-content{padding:0}}@media screen and (min-width:320px)and (max-width:768px){.page .main-title{padding:0;text-align:center}.page .content-area{grid-template-columns:100%!important;grid-template-rows:40% 60%;height:clamp(300px,80%,95%);width:clamp(300px,80%,80%)}.page .content-area .text-content{align-items:center;padding:15%;text-align:center}.page .content-area .text-content .and-many-more,.page .content-area .text-content .language-tags{display:none}.page .content-area .image-content{order:2}.page.project1 .content-area,.page.project2 .content-area{grid-template-rows:50% 50%;height:80%}.page.project1 .content-area .image-content,.page.project2 .content-area .image-content{padding:0}.page.contact .item-area .items{gap:1rem!important}.page.contact .contact-area{padding:0;width:100%}.page.contact .contact-area .contact-form{height:100%;padding:0;width:100%!important}.page.about .content-area{grid-template-rows:50% 50%}.page.about .content-area .text-content{padding:0}.page.about .content-area .image-content{padding:10% 0!important}.page.languages .content-area,.page.services .content-area{grid-template-columns:100%!important;grid-template-rows:100%!important}.page.languages .content-area .text-content,.page.services .content-area .text-content{padding:0}.page.languages .content-area .text-content .large-cards,.page.services .content-area .text-content .large-cards{align-items:center;flex-flow:column nowrap}}@media screen and (min-width:769px){.page .content-area .text-content{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.page .content-area .image-content{opacity:0}.page .content-area .image-content.load-up{-webkit-transform:translateY(100px);transform:translateY(100px)}.page .content-area .image-content.load-down{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.page .content-area .image-content.load-left{-webkit-transform:translateX(100px);transform:translateX(100px)}.page .content-area .image-content.load-right{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.page.show .content-area .image-content,.page.show .content-area .text-content{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.btn{align-items:center;background-color:#ffe240;border:1px solid #ffe240;border-radius:500rem;box-shadow:0 2px 12px rgba(255,226,64,.1);color:#303030;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:1px;padding:.5rem 2rem;transition:all .25s ease-in-out}.btn:active{background-color:rgba(255,226,64,.2)!important}.btn.loading,.btn.outline,.btn:hover{background-color:transparent;box-shadow:none;color:#ffe240}.btn.loading{user-input:none;cursor:not-allowed;-webkit-user-select:none;user-select:none}.btn.large{font-size:1.2rem}.btn.dark{background-color:#303030;color:#ffe240}.wave{bottom:-1px;position:absolute;right:0;-webkit-transform:scaleY(.4);transform:scaleY(.4);-webkit-transform-origin:bottom center;transform-origin:bottom center;width:1920px}.wave.top{bottom:auto;top:0;-webkit-transform-origin:top center;transform-origin:top center}@media screen and (max-width:768px){.wave{-webkit-transform:scaleY(.3);transform:scaleY(.3)}}@media screen and (min-width:1921px){.wave{-webkit-transform:scaleY(.6);transform:scaleY(.6)}}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}.cta{padding-top:2rem}@media screen and (min-width:320px)and (max-width:768px){.cta{padding:1rem 0}}.language-tags{align-items:center;display:flex;gap:2rem;justify-content:center;list-style:none;padding:1rem 3rem;width:100%}.language-tags .language-tag{background-color:hsla(0,0%,47%,.2);border-radius:.25rem;cursor:default;overflow:hidden;padding:.5rem 1rem;position:relative;-webkit-user-select:none;user-select:none}.language-tags .language-tag:before{bottom:0;content:"";height:4px;left:-100%;position:absolute;transition:all .25s ease-in-out;width:100%}.language-tags .language-tag:hover:before{left:0}.language-tags .language-tag.js{color:#ffe240}.language-tags .language-tag.js:before{background-color:#ffe240}.language-tags .language-tag.jq{color:#00aeff}.language-tags .language-tag.jq:before{background-color:#00aeff}.language-tags .language-tag.pug{color:#a86555}.language-tags .language-tag.pug:before{background-color:#a86555}.language-tags .language-tag.html{color:#fff}.language-tags .language-tag.html:before{background-color:#fff}.language-tags .language-tag.java{color:#e31f71}.language-tags .language-tag.java:before{background-color:#e31f71}.language-tags .language-tag.cs{color:#0fb}.language-tags .language-tag.cs:before{background-color:#0fb}*,:after,:before{box-sizing:border-box;margin:0;padding:0;transition:all .25s ease-in-out}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background-color:#5e5e5e}::-webkit-scrollbar-thumb{background-color:#ffe240;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}::-webkit-scrollbar-button{background-color:#787878}#root,body,html{background:#212121;color:#fff;min-height:100vh;width:100%}.wrapper-70{margin:0 auto;width:70%}.wrapper-80{margin:0 auto;width:80%}input,textarea{background-color:transparent;border:1px solid #fff;border-radius:50rem;color:#fff;outline:none;padding:.75rem 1.25rem;width:100%}textarea{border-radius:1rem}a{color:#fff;text-decoration:none}.sr-only{display:none}html{font-size:100%}*{font-family:Poppins,sans-serif}h0{font-size:47.8px}h1{font-size:2.488rem}h2{font-size:2.074rem}h3{font-size:1.728rem}h4{font-size:1.44rem}h5{font-size:1.2rem}.text_small,small{font-size:.833rem}.title-big-bold{font-size:47.8px;font-weight:700}.title-medium{font-size:2.488rem;font-weight:500}.title-small-bold{font-size:2.074rem;font-weight:700}.subtitle-small{font-size:1.2rem}.subtitle-small-medium{font-size:1.2rem!important;font-weight:500;letter-spacing:2px;text-transform:uppercase}.subtitle-medium{font-size:1.728rem;font-weight:500}.light{font-weight:400}.expanded{letter-spacing:5px}.font-primary{color:#ffe240}@media screen and (max-width:480px){#root,body,html{font-size:90%}.title-big-bold{font-size:2.074rem}.title-medium{font-size:1.728rem}.title-small-bold{font-size:1.44rem}.subtitle-small{font-size:1rem}.subtitle-small-medium{font-size:1rem!important}.subtitle-medium{font-size:1.44rem}}html{overflow-y:scroll;scroll-behavior:smooth}nav{background:#2b2b2b;height:10vh;left:0;position:fixed;top:0;width:100%;z-index:10}nav.page-1,nav.page-4,nav.page-5{background-color:#212121}nav.shadow{box-shadow:0 4px 12px rgba(0,0,0,.1)}nav .navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:70%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100%}nav .navbar .logo{cursor:pointer;height:50%}nav .navbar .nav-links{align-items:center;display:flex;gap:1rem;height:100%;justify-content:space-evenly;list-style:none}nav .navbar .nav-links .nav-link{cursor:pointer;padding:0 1rem;transition:all .25s ease-in-out}nav .navbar .nav-links .nav-link.active,nav .navbar .nav-links .nav-link:hover{color:#ffe240}nav .navbar .menu-icon{display:none;overflow:hidden;width:0}@media screen and (max-width:768px){nav{background-color:transparent!important;box-shadow:none!important;height:7vh}nav .navbar{max-width:100%;min-width:10%;width:90%}nav .navbar .nav-links{align-items:center;background-color:#212121;flex-flow:column nowrap;font-size:1.44rem;gap:5%;height:100vh;justify-content:center;left:100%;position:fixed;top:0;width:100vw;z-index:5}nav .navbar .nav-links.open{left:0}nav .navbar .nav-links .btn{font-size:1.2rem}nav .navbar .logo{z-index:6}nav .navbar .menu-icon{border-radius:50%;cursor:pointer;display:grid;height:2.5rem;padding:.5rem;place-items:center;width:2.5rem;z-index:5}nav .navbar .menu-icon:hover{background-color:hsla(0,0%,47%,.1)}}.home{height:100vh;position:relative;scroll-snap-align:start start;width:100%}.home,.home-area{display:grid;place-items:center}.home-area{grid-template-columns:50% 50%;grid-template-rows:auto;margin:0 auto;overflow:hidden;width:70%}.home-area .text-content{z-index:2}.home-area .text-content .introduction{opacity:0;padding-bottom:1rem;-webkit-transform:translateY(50px);transform:translateY(50px);transition-delay:.125s}.home-area .text-content .information{transition-delay:.25s}.home-area .text-content .cta,.home-area .text-content .information{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.home-area .text-content .cta{padding-top:3rem;transition-delay:.375s}.home-area .profile-pic{display:grid;height:100%;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);width:100%}.home-area .profile-pic img{align-self:flex-end;width:100%}.home.show .profile-pic,.home.show .profile-pic *,.home.show .text-content,.home.show .text-content *{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:768px){.home .home-area{grid-template-columns:1fr;grid-template-rows:1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:80%}.home .home-area .text-content{margin-bottom:50%}.home .home-area .profile-pic{bottom:6rem;position:absolute;right:0;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:bottom center;transform-origin:bottom center}.home .home-area .profile-pic img{-webkit-filter:grayscale(1);filter:grayscale(1)}}@media screen and (max-width:480px){.home .home-area .profile-pic{right:-9%}}.about{padding-bottom:10%}.large-card{background-color:#2b2b2b;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;overflow:hidden;position:relative;text-align:left;-webkit-user-select:none;user-select:none;width:clamp(100px,100%,275px)}.large-card .header{align-items:center;display:flex;gap:.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;width:100%}.large-card .header .svg{background-color:hsla(0,0%,47%,.1);border-radius:50%;display:grid;padding:.5rem;place-items:center}.large-card .content{height:100%;padding:1rem 1rem calc(1rem + 10px);width:100%}.large-card:before{background-color:#ffe240;bottom:0;content:"";height:10px;left:0;position:absolute;width:100%}.large-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.large-card.react .header,.large-card.ui .header{color:#00aeff}.large-card.react:before,.large-card.ui:before{background-color:#00aeff}.large-card.vue .header{color:#0fb}.large-card.vue:before{background-color:#0fb}.large-card.angular .header{color:#e31f71}.large-card.angular:before{background-color:#e31f71}.large-card.code .header{color:#ffe240}.large-card.code:before{background-color:#ffe240}@media screen and (min-width:769px){.large-card{height:0;transition:height .5s ease-in-out calc(var(--index)*.25s),-webkit-transform .25s ease-in-out;transition:height .5s ease-in-out calc(var(--index)*.25s),transform .25s ease-in-out;transition:height .5s ease-in-out calc(var(--index)*.25s),transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.large-card.show{height:100%}}.github-strip{background-color:#ffe240;bottom:0;color:#212121;display:flex;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:0;letter-spacing:1px;padding:1rem;position:absolute;text-transform:uppercase;width:100%}.contact .content-area .item-area,.github-strip{align-items:center}.contact .content-area .item-area .items{align-items:flex-start;display:flex;flex-flow:column nowrap;gap:3rem;justify-content:center}.contact .content-area .item-area .items .item{align-items:center;display:flex;gap:1rem}.contact .content-area .item-area .items .item .icon-area{background-color:hsla(0,0%,47%,.2);border-radius:50%;display:grid;height:3rem;padding:.5rem;place-items:center;width:3rem}.contact .content-area .contact-area{align-items:center;gap:1rem;height:100%;justify-content:flex-start;width:100%}.contact .content-area .contact-area .contact-form{align-items:flex-start;display:flex;flex:1 1 auto;flex-flow:column nowrap;gap:1rem;height:100%;justify-content:center;width:clamp(100px,70%,500px)}.contact .content-area .contact-area .contact-form textarea{flex:1 1 auto}.footer{background-color:#2b2b2b;gap:3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:2rem;scroll-snap-align:start start;width:100%}.footer,.footer .social-link{align-items:center;display:flex}.footer .social-link{border-radius:.25rem;cursor:pointer;gap:1.25rem;padding:.5rem 1rem}.footer .social-link:hover{background-color:rgba(69,69,69,.2)}@media screen and (max-width:768px){.footer{gap:1rem;padding:2rem 0}.footer .social-link span{display:none}}.loading-view{display:flex;flex-flow:row nowrap;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}.loading-view .line{flex:1 1 100%;transition:all .5s ease-in-out .25s;width:100%}.loading-view .line:nth-child(2n),.loading-view .line:nth-child(odd){background-color:#212121}.loading-view.hide .line:nth-child(2n){-webkit-transform:translateX(100%);transform:translateX(100%)}.loading-view.hide .line:nth-child(odd){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.snackbars{bottom:2rem;display:flex;flex-flow:column-reverse;gap:1rem;height:clamp(10%,100%,90vh);left:2rem;max-width:50%;overflow:hidden;position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.snack-enter{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.snack-enter-active{transition:all .25s ease-in-out}.snack-enter-active,.snack-exit{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.snack-exit-active{opacity:0;-webkit-transform:translate(-10px);transform:translate(-10px);transition:all .25s ease-in-out}.snackbar{background-color:#303030;border-radius:.25rem;color:#fff;padding:1rem 2rem}.snackbar.primary{background-color:#ffe240;color:#303030}
/*# sourceMappingURL=main.e823969a.css.map*/