@import"https://fonts.googleapis.com/css?family=Poppins:400";.page{position:relative;display:flex;overflow:hidden;align-items:center;flex-direction:column;justify-content:center;width:100%;height:100vh;scroll-snap-align:start start}.page .main-title{display:flex;flex-flow:column nowrap;width:100%;height:-moz-fit-content;height:fit-content;padding:0 0 2rem 15%}.page .content-area{z-index:1;display:grid;width:clamp(500px,70%,90%);height:clamp(400px,60%,70%);grid-template-columns:50% 50%;grid-template-rows:100%;place-items:center}.page .content-area .text-content{display:flex;align-items:flex-start;flex-flow:column nowrap;justify-content:center;width:100%;height: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{display:flex;align-items:flex-start;flex-flow:row nowrap;justify-content:center;width:100%;height:-moz-fit-content;height:fit-content;list-style:none;gap:2rem}.page .content-area .text-content .and-many-more{padding-top:1rem}.page .content-area .image-content{width:100%;height:100%}.page .content-area .image-content img{width:100%;height:100%;object-fit:contain}.page .content-area .image-content .image-placeholder{width:100%;height:100%;background:#787878}.page .content-area.page-left{transform:translateX(-15%)}.page .content-area.page-right{transform:translateX(15%)}.page .content-area.page-center{width:70%;margin:auto}.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{width:clamp(300px,80%,80%);height:clamp(300px,80%,95%);grid-template-columns:100%!important;grid-template-rows:40% 60%}.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{height:80%;grid-template-rows:50% 50%}.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{width:100%;padding:0}.page.contact .contact-area .contact-form{width:100%!important;height:100%;padding:0}.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{transform:translateY(50px);opacity:0}.page .content-area .image-content{opacity:0}.page .content-area .image-content.load-up{transform:translateY(100px)}.page .content-area .image-content.load-down{transform:translateY(-100px)}.page .content-area .image-content.load-left{transform:translateX(100px)}.page .content-area .image-content.load-right{transform:translateX(-100px)}.page.show .content-area .image-content,.page.show .content-area .text-content{transform:translate(0);opacity:1}}.btn{font-weight:600;display:flex;align-items:center;justify-content:center;padding:.5rem 2rem;cursor:pointer;transition:all .25s ease-in-out;letter-spacing:1px;color:#303030;border:1px solid #ffe240;border-radius:500rem;background-color:#ffe240;box-shadow:0 2px 12px rgba(255,226,64,.1);gap:.5rem}.btn:active{background-color:rgba(255,226,64,.2)!important}.btn.loading,.btn.outline,.btn:hover{color:#ffe240;background-color:rgba(0,0,0,0);box-shadow:none}.btn.loading{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;user-input:none}.btn.large{font-size:1.2rem}.btn.dark{color:#ffe240;background-color:#303030}.wave{position:absolute;right:0;bottom:-1px;width:1920px;transform:scaleY(.4);transform-origin:bottom center}.wave.top{top:0;bottom:auto;transform-origin:top center}@media screen and (max-width:768px){.wave{transform:scaleY(.3)}}@media screen and (min-width:1921px){.wave{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{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 3rem;list-style:none;gap:2rem}.language-tags .language-tag{position:relative;overflow:hidden;padding:.5rem 1rem;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.25rem;background-color:rgba(120,120,120,.2)}.language-tags .language-tag:before{position:absolute;bottom:0;left:-100%;width:100%;height:4px;content:"";transition:all .25s ease-in-out}.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{-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;background-color:#ffe240}::-webkit-scrollbar-button{background-color:#787878}#root,body,html{width:100%;min-height:100vh;color:#fff;background:#212121}.wrapper-70{width:70%;margin:0 auto}.wrapper-80{width:80%;margin:0 auto}input,textarea{width:100%;padding:.75rem 1.25rem;color:#fff;border:1px solid #fff;border-radius:50rem;outline:none;background-color:rgba(0,0,0,0)}textarea{border-radius:1rem}a{text-decoration:none;color:#fff}.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}.footer{justify-content:center;width:100%;height:-moz-fit-content;height:fit-content;padding:2rem;background-color:#2b2b2b;gap:3rem;scroll-snap-align:start start}.footer,.footer .social-link{display:flex;align-items:center}.footer .social-link{padding:.5rem 1rem;cursor:pointer;border-radius:.25rem;gap:1.25rem}.footer .social-link:hover{background-color:rgba(69,69,69,.2)}@media screen and (max-width:768px){.footer{padding:2rem 0;gap:1rem}.footer .social-link span{display:none}}.github-strip{position:absolute;bottom:0;align-items:center;justify-content:center;height:-moz-fit-content;height:fit-content;padding:1rem;letter-spacing:1px;text-transform:uppercase;color:#212121;background-color:#ffe240;gap:1rem}.github-strip,.loading-view{left:0;display:flex;width:100%}.loading-view{position:fixed;z-index:100;top:0;overflow:hidden;flex-flow:row nowrap;height:100%}.loading-view .line{flex:1 1 100%;width:100%;transition:all .5s ease-in-out .25s}.loading-view .line:nth-child(2n),.loading-view .line:nth-child(odd){background-color:#212121}.loading-view.hide .line:nth-child(2n){transform:translateX(100%)}.loading-view.hide .line:nth-child(odd){transform:translateX(-100%)}.large-card{position:relative;display:grid;overflow:hidden;width:clamp(100px,100%,275px);height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;border-radius:.5rem;background-color:#2b2b2b;box-shadow:0 4px 12px rgba(0,0,0,.1);grid-template-columns:1fr;grid-template-rows:auto 1fr}.large-card .header{display:flex;align-items:center;width:100%;height:-moz-fit-content;height:fit-content;padding:.5rem;gap:.5rem}.large-card .header .svg{display:grid;padding:.5rem;border-radius:50%;background-color:rgba(120,120,120,.1);place-items:center}.large-card .content{width:100%;height:100%;padding:1rem 1rem calc(1rem + 10px)}.large-card:before{position:absolute;bottom:0;left:0;width:100%;height:10px;content:"";background-color:#ffe240}.large-card:hover{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),transform .25s ease-in-out}.large-card.show{height:100%}}nav{position:fixed;z-index:10;top:0;left:0;width:100%;height:10vh;background:#2b2b2b}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{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:-moz-fit-content;min-width:fit-content;max-width:70%;height:100%;margin:0 auto}nav .navbar .logo{height:50%;cursor:pointer}nav .navbar .nav-links{display:flex;align-items:center;justify-content:space-evenly;height:100%;list-style:none;gap:1rem}nav .navbar .nav-links .nav-link{padding:0 1rem;cursor:pointer;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{height:7vh;background-color:rgba(0,0,0,0)!important;box-shadow:none!important}nav .navbar{width:90%;min-width:10%;max-width:100%}nav .navbar .nav-links{font-size:1.44rem;position:fixed;z-index:5;top:0;left:100%;align-items:center;flex-flow:column nowrap;justify-content:center;width:100vw;height:100vh;background-color:#212121;gap: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{z-index:5;display:grid;width:2.5rem;height:2.5rem;padding:.5rem;cursor:pointer;border-radius:50%;place-items:center}nav .navbar .menu-icon:hover{background-color:rgba(120,120,120,.1)}}.snackbars{position:fixed;z-index:10;bottom:2rem;left:2rem;display:flex;overflow:hidden;flex-flow:column-reverse;width:-moz-fit-content;width:fit-content;max-width:50%;height:clamp(10%,100%,90vh);gap:1rem}.snack-enter{transform:translateY(10px);opacity:0}.snack-enter-active{transition:all .25s ease-in-out}.snack-enter-active,.snack-exit{transform:translate(0);opacity:1}.snack-exit-active{transition:all .25s ease-in-out;transform:translate(-10px);opacity:0}.snackbar{padding:1rem 2rem;color:#fff;border-radius:.25rem;background-color:#303030}.snackbar.primary{color:#303030;background-color:#ffe240}.about{padding-bottom:10%}.contact .content-area .item-area{align-items:center}.contact .content-area .item-area .items{display:flex;align-items:flex-start;flex-flow:column nowrap;justify-content:center;gap:3rem}.contact .content-area .item-area .items .item{display:flex;align-items:center;gap:1rem}.contact .content-area .item-area .items .item .icon-area{display:grid;width:3rem;height:3rem;padding:.5rem;border-radius:50%;background-color:rgba(120,120,120,.2);place-items:center}.contact .content-area .contact-area{align-items:center;justify-content:flex-start;width:100%;height:100%;gap:1rem}.contact .content-area .contact-area .contact-form{display:flex;align-items:flex-start;flex:1 1 auto;flex-flow:column nowrap;justify-content:center;width:clamp(100px,70%,500px);height:100%;gap:1rem}.contact .content-area .contact-area .contact-form textarea{flex:1 1 auto}.home{position:relative;display:grid;width:100%;height:100vh;place-items:center;scroll-snap-align:start start}.home-area{display:grid;overflow:hidden;width:70%;margin:0 auto;grid-template-columns:50% 50%;grid-template-rows:auto;place-items:center}.home-area .text-content{z-index:2}.home-area .text-content .introduction{padding-bottom:1rem;transition-delay:.125s;transform:translateY(50px);opacity:0}.home-area .text-content .information{transition-delay:.25s;transform:translateY(50px);opacity:0}.home-area .text-content .cta{padding-top:3rem;transition-delay:.375s;transform:translateY(50px);opacity:0}.home-area .profile-pic{display:grid;width:100%;height:100%;transform:translateY(50px);opacity:0}.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 *{transform:translateY(0);opacity:1}@media screen and (max-width:768px){.home .home-area{width:80%;height:-moz-fit-content;height:fit-content;grid-template-columns:1fr;grid-template-rows:1fr}.home .home-area .text-content{margin-bottom:50%}.home .home-area .profile-pic{position:absolute;right:0;bottom:6rem;transform:scale(.8);transform-origin:bottom center}.home .home-area .profile-pic img{filter:grayscale(1)}}@media screen and (max-width:480px){.home .home-area .profile-pic{right:-9%}}