@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";@font-face{font-family:icomoon;src:url(/assets/icomoon-XoLpcNvR.eot?p91gx2);src:url(/assets/icomoon-XoLpcNvR.eot?p91gx2#iefix) format("embedded-opentype"),url(/assets/icomoon-BSdvxtM1.ttf?p91gx2) format("truetype"),url(/assets/icomoon-BVbGmzw1.woff?p91gx2) format("woff"),url(/assets/icomoon-C3TFVvAc.svg?p91gx2#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak-as:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-verified:before{content:""}.icon-arrow-right-thick:before{content:""}.icon-th-menu-outline:before{content:""}.icon-envelope:before{content:""}.icon-sun:before{content:""}.icon-cancel:before{content:""}.icon-heart:before{content:""}.icon-link:before{content:""}.icon-close:before{content:""}.icon-arrow-up:before{content:""}.icon-moon-o:before{content:""}.icon-bootstrap:before{content:"";color:#563d7c}.icon-css3:before{content:"";color:#1572b6}.icon-facebook:before{content:"";color:#1877f2}.icon-github:before{content:""}.icon-gmail:before{content:"";color:#d14836}.icon-html5:before{content:"";color:#e34f26}.icon-javascript:before{content:"";color:#f7df1e}.icon-linkedin:before{content:"";color:#0077b5}.icon-react:before{content:"";color:#61dafb}.icon-whatsapp:before{content:"";color:#25d366}html{font-family:Roboto,sans-serif;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}:root{--mode: #000;--bgContainer: rgb(24 24 27);--borderColor: rgba(63, 63, 70, .4);--title: #eee;--subTitle: rgb(161 161 170);--bgHeader: rgb(39 39 42);--duration: .4s;--blue: rgb(93 188 252);--modeBorder: rgba(250, 128, 114, .512);--name: crimson;--workTitle: salmon;--photoBorder: #ae816b;--nav: #eeeeeed0;--filter: rgb(36, 37, 47);--modelBorder: #242424;--contactBorder: rgba(63, 63, 70, 1);--contactBorderF: rgb(0, 255, 221);--opacityFooter: 100;--shadow: rgba(183, 183, 183, .051);--love: rgb(191, 0, 0)}body{background-color:var(--mode);color:#eee;text-transform:capitalize;letter-spacing:.11rem}.container{width:80%;margin:auto;background-color:var(--bgContainer);border:2px solid var(--borderColor)}@media (max-width:767px){.container{width:100%}}ul{list-style:none}a{text-decoration:none;color:initial}button{all:unset;cursor:pointer}.lightMode{--mode: rgb(240, 240, 240);--bgContainer: rgb(255, 255, 255);--borderColor: rgba(0, 0, 249, .442);--title: #0099fe;--subTitle: rgb(0, 0, 118);--bgHeader: rgb(0, 0, 96);--blue: rgb(93 188 252);--modeBorder: rgb(0, 0, 118);--name: rgb(41, 0, 128);--workTitle: rgb(0, 94, 201);--photoBorder: #8457ff;--nav: rgb(188, 192, 255);--filter: blue;--modelBorder: blue;--contactBorder: rgb(176, 176, 255);--contactBorderF: blue;--opacityFooter: 800;--shadow: #eee;--love: rgb(191, 0, 0)}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background:#999;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}html{scrollbar-color:#9e4673 #3d4a59}.hero{display:flex;margin-top:5rem;padding:20px;margin-bottom:4rem;border-bottom:1px solid var(--borderColor)}.hero .article{flex-grow:1}.hero .article .image img{width:25%;border:1px solid var(--photoBorder);border-radius:50%;padding:1px;box-shadow:1px 1px 5px var(--shadow) inset}@media (max-width:767px){.hero .article .image img{width:50%;border:.5px solid var(--photoBorder);border-radius:50%;padding:.5px;box-shadow:2px 2px 30px var(--shadow) inset}}.hero .name{color:var(--name);font-size:2rem;word-spacing:-5px}@media (max-width:767px){.hero .name{font-size:.7rem}}.hero .name .icon-verified{color:#0866ff;font-size:1.5rem}@media (max-width:767px){.hero .article .icon-verified{color:#0866ff;font-size:1rem}}.hero .title{color:var(--workTitle);margin-top:.7rem;text-transform:uppercase}@media (max-width:767px){.hero .title{font-size:.6rem;font-weight:900}}.hero .hint{color:var(--subTitle);letter-spacing:0;font-size:18px;opacity:.5;line-height:1.3;margin-top:.5rem}@media (max-width:767px){.hero .hint{font-size:.5rem}}.hero .links{margin-top:1rem}.hero .links a{padding:.4rem;font-size:1.5rem;opacity:.7;transition:var(--duration)}@media (max-width:767px){.hero .links a{font-size:1rem}}.hero .links a:first-child{color:#eee;opacity:.7}.hero .links a:hover{opacity:1}.hero .animation{width:500px;height:500px}@media (max-width:767px){.hero .animation{height:fit-content}}header{display:flex;justify-content:space-between;align-items:center;padding:0px 4rem;margin-top:1.4rem;margin-bottom:1.4rem}header .menu{display:none}header nav{background-color:var(--bgHeader);padding:20px;border-radius:50px;box-shadow:1px 1px 40px #3532324a}@media (max-width:767px){header nav{display:none}header .menu{display:block}}header ul{display:flex;gap:16px}header ul li a{color:var(--nav);font-weight:700;font-size:1.1rem;transition-duration:var(--duration)}header ul li a:hover{color:var(--blue);margin-left:2px}header button.mode,header button.menu{width:2rem;height:2rem;font-size:2rem;padding:8px;opacity:.7;border:2px solid var(--modeBorder);border-radius:50%;text-align:center;transition-duration:var(--duration);background-color:var(--bgHeader)}header button.mode:active{rotate:360deg}header button.mode:hover,header button.menu:hover{opacity:1;border:2px solid var(--modeBorder)}header button.mode:active,header button.menu:active{scale:.4}@keyframes turn{0%{scale:0}60%{scale:1.2}to{scale:1}}header .popUp{animation:turn .6s 1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1024;background-color:#282828e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}header .model{display:block;background-color:var(--bgContainer);width:75%;margin:1rem auto;padding:1rem 2rem;border-radius:2rem}header .model li{border-bottom:2px solid var(--modelBorder);margin:2rem 0;padding-bottom:1rem}header .model li:last-child,header .model li:first-child{border-bottom:none}header .model li:first-child{text-align:right;margin:0% 0% -35px;padding:0}header .cancel{font-size:1.7rem;color:var(--blue);transition-duration:calc(var(--duration) - .2s)}header .cancel:hover{font-size:1.9rem;color:#dc143c;rotate:180deg}.scrollTop{background-color:var(--blue);color:#000;width:2.5rem;height:2.5rem;border-radius:50%;text-align:center;font-size:1.4rem;position:fixed;bottom:2rem;right:3%;transition-duration:calc(var(--duration) - .2s);transition-timing-function:ease-in-out;border:1px solid rgba(250,128,114,.327);display:block}.scrollTop:hover{color:var(--blue);background-color:#000}.scrollTop:active{scale:.3}@media (max-width:767px){.scrollTop{opacity:.6;width:2rem;height:2rem;z-index:1}}main{display:flex;align-items:start;justify-content:space-between;margin-bottom:2rem;padding-bottom:5rem;border-bottom:1px solid var(--borderColor)}main section.btns{display:flex;flex-direction:column;gap:.3rem;justify-content:center;align-items:center;padding-left:2rem}main section.btns button{margin-bottom:.3rem;background-color:var(--filter);width:12rem;height:2.5rem;text-align:center;transition:calc(var(--duration) - .1s);opacity:.5;font-weight:900;border-radius:5px}main section.btns button:hover{background-color:var(--bgContainer);color:var(--workTitle);opacity:1}main section.btns button.active{border:1px solid var(--blue);opacity:1}main div.cards{display:flex;flex-wrap:wrap;column-gap:.9rem;row-gap:2rem;justify-content:flex-start;margin-left:2rem;margin-right:2rem;flex-grow:1}@media (max-width:767px){main{flex-direction:column;justify-content:center;align-items:center}main section.btns{flex-direction:row;flex-wrap:wrap;gap:.4rem;align-items:center;padding:0;justify-content:center;margin:auto;margin-bottom:1rem}main section.btns button{margin-bottom:.1rem;width:9rem;font-weight:200;border-radius:3px}main div.cards{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-left:0;margin-right:0}}@media (max-width:388px){main section.btns button{width:7rem;font-size:.7rem}}main div.card{border:2px solid rgba(93,188,252,.3);transition:var(--duration);border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}main div.card:hover{cursor:pointer;rotate:1deg;scale:1.02;border:2px solid var(--blue)}main .cards img{width:300px;border-radius:3px}main .cards .content{width:300px;margin-top:1rem}main .cards .content .title{color:var(--title);margin-bottom:1rem;padding-left:10px;font-weight:900}main .cards .content p{color:var(--subTitle);margin-bottom:2rem;padding-left:10px;line-height:1.2}main .cards .links{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--blue);padding-left:10px;align-items:end}main .cards .links .code,main .cards .links .code a{display:flex;gap:10px;font-size:1.8rem;color:var(--subTitle);transition-duration:var(--duration)}main .cards .links .code a:hover{font-size:1.9rem;color:var(--title)}main .cards .icon-heart{align-items:center;font-size:2.5rem;font-weight:300;margin-right:1rem;color:var(--subTitle);transition:var(--duration)}main .cards .icon-heart:hover{color:var(--love);rotate:360deg}main .cards .icon-heart:active{color:#720000;scale:.2}.contact{margin-top:3rem;padding-left:2rem;border-bottom:1px solid var(--borderColor);padding-bottom:5rem}.contact .title{font-size:2rem;margin-bottom:1rem;display:flex;align-items:center}.contact h1.title{color:var(--title)}.contact .title span{color:var(--subTitle);margin-right:.6rem}.contact p{line-height:1.6;width:70%;color:var(--subTitle);margin-bottom:2rem}.contact .form{display:flex;justify-content:space-between}.contact .form form{display:flex;flex-direction:column;justify-content:start;align-items:start}.contact .form form .email{margin-bottom:2rem;display:flex}@media (max-width:767px){.contact{margin-top:2rem;padding-left:.5rem}.contact .form form .email{flex-direction:column}}.contact .form form .message{margin-bottom:1rem;display:flex;justify-content:center;align-items:start}@media (max-width:767px){.contact p{line-height:1.6;width:100%;text-align:center}.contact .form{justify-content:start;align-items:center}.contact .form form .message{flex-direction:column}.contact .form form label{margin-bottom:1rem}}.contact .form form label{color:var(--subTitle);margin-right:1rem}.contact .form form input,.contact .form form textarea{all:unset;background-color:#3f3f4626;border:2px solid var(--contactBorder);width:18rem;border-radius:5px;height:3rem;padding-left:1rem;font-size:1.1rem;color:var(--subTitle)}.contact .form form input:focus,.contact .form form textarea:focus,.contact .form form .submit:focus{border:2px solid var(--contactBorderF)}.contact .form form textarea{min-height:8rem;padding-top:1rem;resize:vertical}.contact .form form .submit{all:unset;margin-bottom:.3rem;background-color:var(--bgHeader);text-align:center;font-weight:600;border-radius:5px;cursor:pointer;padding:1rem 3rem;font-size:18px;border:2px solid rgba(63,63,70,1);transition-duration:var(--duration);margin:auto}.contact .form form .submit:hover{border:2px solid rgb(0,255,221)}.contact .form form .submit:disabled{opacity:.4;cursor:not-allowed}@media (max-width:950px){.contact .form .animation{display:block}.contact .mailIcon{width:300px!important;height:200px!important;margin-right:0!important;margin-top:10px}.contact .form{flex-direction:column;align-items:center}}.contact .mailIcon{width:400px;height:300px;margin-right:1rem}@media (width < 610px){.contact .done{font-size:.7rem!important;font-weight:400!important;margin-left:-10px!important}}footer{margin:3rem 2rem;display:flex;justify-content:space-between}@media (max-width:1000px){footer{justify-content:center;flex-direction:column;align-items:center;font-size:.3rem}footer .links{margin-left:0rem;margin-bottom:2rem}footer p{margin-right:0rem}}@media (max-width:400px){footer{font-size:.7rem}}@media (min-width:400px){footer{font-size:1rem}}footer .links{display:flex;gap:.8rem}footer .links a{color:var(--subTitle);transition-duration:var(--duration)}footer .links a:hover{color:var(--blue);font-weight:800}footer p{display:flex;color:#9a9aa281;font-weight:var(--opacityFooter);letter-spacing:0px}.skills{border-bottom:1px solid var(--borderColor);margin-bottom:4rem;padding-bottom:2rem;padding:1rem;margin-right:.6rem;margin-left:.6rem}.skills .flex{display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:600;margin-bottom:5px;color:var(--subTitle);font-size:2rem;letter-spacing:5px;font-family:initial;padding:.6rem}.skill-bar{width:50%;background-color:#ddd;border-radius:80px;overflow:hidden;letter-spacing:0px;display:flex}@keyframes skill{0%{width:0%}}.skill-progress{height:20px;width:0;background-color:var(--name);text-align:center;color:var(--bgContainer);font-size:16px;border-radius:8px;font-weight:100;border:none;outline:none}.animi{animation:skill 1 2s ease-in-out}@media (max-width:630px){.skill-name{font-weight:300;margin-bottom:3px;color:var(--subTitle);font-size:1rem;letter-spacing:0px;padding:.3rem}}