.home{position:relative;display:flex;align-items:center;width:100%;height:100vh;color:#fff;background:url(/assets/bg.180cb168.jpg) no-repeat center / cover;background-blend-mode:darken}.about{width:100%;height:100vh;background:url(/assets/about-page.e583672b.jpg) no-repeat center / cover;background-blend-mode:darken;display:flex;position:relative;padding:30px 0}.portfolio{width:100%;padding:30px 0;background:url(/assets/portfolio.a741244b.png) no-repeat center / cover}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}html,body{height:calc(100% - 50px)}.container{width:90%;margin:auto}nav{padding:25px 0;display:flex;justify-content:space-between;align-items:center;background-color:#000;color:#fff}nav .link{display:flex;align-items:center;gap:25px}nav .container{display:flex;justify-content:space-between;align-items:center}nav a{text-decoration:none;color:#fff;font-weight:700;transition:.4s}.router-link-active{color:green}.router-anim-enter-active{animation:coming 1s;animation-delay:.5s;opacity:0}.router-anim-leave-active{animation:going 1s}@keyframes going{0%{transform:translate(0)}to{transform:translate(50px);opacity:0}}@keyframes coming{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.social{display:flex;align-items:center;gap:25px}.social svg{fill:#fff;transition:.4s}.social a:hover svg{fill:green}.title{position:relative;z-index:999;text-align:center;color:#fff}.title:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:10%;height:3px;background:#ffffff}aside[data-v-158eaab8]{display:flex;flex-direction:column;width:calc(2rem + 32px);min-height:100vh;padding:1rem;overflow:hidden;background-color:var(--dark);color:var(--light);transition:.2s}aside .flex[data-v-158eaab8]{flex:1 1 0}aside .logo[data-v-158eaab8]{margin-bottom:1rem}aside .logo img[data-v-158eaab8]{width:2rem}aside .menu-toggle-wrap[data-v-158eaab8]{display:flex;justify-content:flex-end;margin-bottom:1rem;position:relative;top:0;transition:.2s}aside .menu-toggle-wrap .menu-toggle[data-v-158eaab8]{transition:.2s}aside .menu-toggle-wrap .menu-toggle .material-icons[data-v-158eaab8]{font-size:2rem;color:var(--light);transition:.2s}aside .menu-toggle-wrap .menu-toggle:hover .material-icons[data-v-158eaab8]{color:var(--primary);transform:translate(.5rem)}aside h3[data-v-158eaab8],aside .button .text[data-v-158eaab8]{opacity:0;transition:.3s}aside h3[data-v-158eaab8]{color:var(--grey);font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase}aside .menu[data-v-158eaab8]{margin:0 -1rem}aside .menu .button[data-v-158eaab8]{display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;transition:.2s;color:var(--ligth)}aside .menu .button .material-icons[data-v-158eaab8]{font-size:2rem;transition:.2s}aside .menu .button[data-v-158eaab8]:hover,aside .menu .button.router-link-exact-active[data-v-158eaab8]{background-color:var(--dark-alt)}aside .menu .button:hover .material-icons[data-v-158eaab8],aside .menu .button:hover .text[data-v-158eaab8],aside .menu .button.router-link-exact-active .material-icons[data-v-158eaab8],aside .menu .button.router-link-exact-active .text[data-v-158eaab8]{color:var(--primary)}aside .menu .button.router-link-exact-active[data-v-158eaab8]{border-right:5px solid var(--primary)}aside.is_expended[data-v-158eaab8]{width:var(--sidebar-width)}aside.is_expended .menu-toggle-wrap[data-v-158eaab8]{top:-3rem}aside.is_expended .menu-toggle-wrap .menu-toggle[data-v-158eaab8]{transform:rotate(-180deg)}aside.is_expended h3[data-v-158eaab8],aside.is_expended .button .text[data-v-158eaab8]{opacity:1}aside.is_expended .button .material-icons[data-v-158eaab8]{margin-right:1rem}@media (max-width: 768px){aside[data-v-158eaab8]{position:fixed;z-index:9999}}.page-loader[data-v-6c1b4010]{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;background-color:#333;z-index:99999}.page-loader .cube[data-v-6c1b4010]{width:40px;height:40px;margin-right:10px}.page-loader .cube[data-v-6c1b4010]:nth-child(1){background-color:#8cc271}.page-loader .cube[data-v-6c1b4010]:nth-child(2){background-color:#69beeb}.page-loader .cube[data-v-6c1b4010]:nth-child(3){background-color:#f5aa39}.page-loader .cube[data-v-6c1b4010]:nth-child(4){background-color:#e9643b}.page-loader .cube[data-v-6c1b4010]:first-child{animation:left-6c1b4010 1s infinite}.page-loader .cube[data-v-6c1b4010]:last-child{animation:right-6c1b4010 1s infinite .5s}@keyframes left-6c1b4010{40%{transform:translate(-60px)}50%{transform:translate(0)}}@keyframes right-6c1b4010{40%{transform:translate(60px)}50%{transform:translate(0)}}:root{--primary: #4ade80;--primary-alt: #22c55e;--grey: #64748b;--dark: #1e293b;--dark-alt: #334155;--light: #f1f5f9;--sidebar-width: 300px}*{margin:0;padding:0;box-sizing:border-box;font-family:Fira sans,sans-serif}body{background:var(--light)}button{border:none;outline:none;appearance:none;background:none;cursor:pointer}.app{display:flex;overflow:hidden}.app main{flex:1 1 0;padding:2rem}@media (max-width: 768px){.app main{padding-left:6rem}}.home{position:relative;display:flex;align-items:center;width:100%;height:100vh;color:#fff;background:url(/assets/bg.180cb168.jpg) no-repeat center / cover;background-blend-mode:darken}.home:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}.home .text{width:50%;height:100%;display:flex;justify-content:center;flex-direction:column;gap:20px;z-index:999;position:relative}.home h1 .typed-text{color:green}.home h1 .cursor{background:#ffffff;margin-left:3px;width:4px;display:inline-block;animation:cursor 1s infinite}.cursor.typing{animation:none}@keyframes cursor{49%{background-color:#fff}50%{background-color:transparent}99%{background-color:transparent}}.home p{line-height:2}.buttons{display:flex;gap:20px;margin-top:20px;z-index:999;position:relative}.buttons .btn{text-decoration:none;text-transform:uppercase;color:#fff;background-color:transparent;padding:10px 20px;border-radius:15px;border:1px solid #ffffff}@media (max-width: 768px){.container{padding:0 50px}.home .text{width:100%}}@media only screen and (max-width: 425px){.container{padding:0 0 0 60px}.text h1{font-size:25px}.home p{font-size:15px;line-height:2}.buttons .btn{font-size:15px;text-transform:none}}@media screen and (max-width: 375px){.text h1{font-size:22px}.text p,.buttons .btn{font-size:13px}}.about{width:100%;height:100vh;background:url(/assets/about-page.e583672b.jpg) no-repeat center / cover;background-blend-mode:darken;display:flex;position:relative;padding:30px 0}.about:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75)}.item{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:999;color:#fff}.about .left{width:50%;height:100%}.about .left .img{width:100%;height:470px;border-radius:50%;object-fit:cover}.right{display:flex;align-items:center;gap:5%;flex-wrap:wrap;width:40%}.right-left{display:flex;flex-direction:column;gap:26px}.card{display:flex;align-items:center}.card i{font-size:25px;margin-right:10px}.card h3{font-size:20px;font-weight:900}.right-right{display:flex;flex-direction:column;gap:20px}.right-right h3{font-size:25px;font-weight:500}@media screen and (max-width: 1440px){.about .left .img{width:85%;aspect-ratio:1/1}}@media screen and (max-width: 768px){.about{display:block}.item{height:88vh}.about .left{display:flex;align-items:center}.about .left .img{width:100%;height:300px}.about .right{flex-wrap:nowrap}.right-right{text-align:right;gap:22px}.right-right h3{font-size:22px}}@media screen and (max-width: 425px){.item{justify-content:center;flex-wrap:wrap}.about .left{width:80%;height:50%}.about .left .img{height:245px}.about .right{width:70%}}@media screen and (max-width: 375px){.about .left .img{height:230px}.about .right{width:78%}}@media screen and (max-width: 320px){.about .left,.about .right{width:100%}}.portfolio{width:100%;padding:30px 0;background:url(/assets/portfolio.a741244b.png) no-repeat center / cover}.box{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:50px}.box .card{width:380px;height:300px;position:relative}.box .card img{width:100%;height:100%;object-fit:cover}.card .overflow{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:absolute;top:0;left:0;background:green;opacity:0;pointer-events:none;transition:.4s}.box .card:hover .overflow{opacity:1;pointer-events:all}.card .overflow h1{color:#fff}.card .overflow .tags{display:flex;gap:25px}.card .overflow a{display:flex;align-items:center;text-decoration:none;padding:10px 25px;background:black;color:#fff;transition:.3s}.card .overflow a:hover{background:#ffffff;color:#000}@media screen and (max-width: 768px){.box .card{width:292px;height:220px}.card .overflow a{padding:12px 20px}}@media screen and (max-width: 425px){.box{justify-content:center}.card .overflow a{padding:10px 15px}}@media screen and (max-width: 320px){.card .overflow .tags{gap:15px}.card .overflow a{padding:5px 10px}.card i{font-size:15px;margin-right:5px}}.contact{width:100%;padding:30px 0 33px;background-blend-mode:darken;background:url(/assets/contact.0bfcd3e0.jpeg) no-repeat center / cover;position:relative}.contact:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.75)}.contact .wrapper .left{display:flex;flex-direction:column;gap:20px;padding:40px 0 30px;justify-content:space-evenly;align-items:center;position:relative;z-index:99}.contact input{width:40%;color:#fff;background:transparent;border:1px solid #ffffff;border-radius:10px;outline:none;padding:20px}.contact textarea{width:40%;height:100px;padding:20px;background:transparent;color:#fff;border:1px solid #ffffff;border-radius:10px}.contact .button{position:relative;z-index:99;width:100%;display:flex}.contact .btn{color:#fff;background:transparent;border-radius:10px;border:1px solid #ffffff;outline:none;cursor:pointer;padding:15px 35px;margin:auto}@media screen and (max-width: 768px){.contact :is(input,textarea){width:70%}}