:root{--bg:#000;--bgGradient:radial-gradient(#333, #000);--black:#000;--bodyColor:#f1f1f1;--border:#333;--headingsColor:#fff;--overlay1:#0cc0df33;--overlay2:#fff3;--primary:#0cc0df;--shadow:#00000040;--white:#fff;--headingsFont:"Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--bodyFont:"Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box;font-family:var(--bodyFont);color:var(--bodyColor);cursor:default;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-size:16px;font-weight:400;line-height:30px;transition:all .2s}main{background:var(--bgGradient)}section{padding:100px 50px}h1,h2,h3,h4,h5,h6{font-family:var(--headingsFont);color:var(--headingsColor);font-weight:600}h1 *{font-weight:600}h2{font-size:25px}h3{font-size:20px}h4{font-size:16px;font-weight:400}a{cursor:pointer;text-decoration:none}a *{cursor:pointer}.btn{color:var(--white);border:2px solid;border-radius:50px;padding:5px 15px}.btn:hover{box-shadow:inset 0 0 5px var(--black)}.btn i{color:var(--white)}.btn-primary{background:var(--overlay1);border:1px solid var(--primary);box-shadow:0 0 5px var(--primary)}.btn-secondary{background:var(--overlay2);border:1px solid var(--white);box-shadow:0 0 5px var(--white)}header{box-shadow:0 0 10px var(--primary);background:var(--bg);z-index:1;border-bottom:1px solid var(--primary);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 50px;display:flex;position:relative}header *{color:var(--white)}header .logo{max-width:50px}header nav{flex-wrap:wrap;align-items:center;gap:40px;display:flex}@media screen and (width<=720px){header nav{flex-direction:column;align-items:end;gap:20px;width:100%;padding-bottom:50px;display:none}}header nav a{border-bottom:2px solid #0000;padding:5px 0}header nav a:hover,header nav a.active{border-bottom:2px solid var(--primary);font-weight:600}header nav.open{display:flex}header .btn-responsive-nav{background:0 0;border:none;display:none}@media screen and (width<=720px){header .btn-responsive-nav{display:block}}header .btn-responsive-nav i{font-size:25px}header nav .btn{font-weight:400!important}@media screen and (width<=720px){header .btn{margin-top:20px}}#error404{flex-direction:column;justify-content:center;align-items:center;gap:50px;padding:100px 50px;display:flex}#error404 h1{font-size:30px}.intro-container{grid-template-columns:2fr 1fr;align-items:center;margin-bottom:100px;display:grid}@media screen and (width<=992px){.intro-container{grid-template-columns:1fr}.intro-container *{text-align:center!important}}.intro-container .title-section{flex-direction:column;gap:20px;display:flex}.intro-container .title-section span{text-transform:uppercase;color:var(--primary);font-size:14px}.intro-container .title-section p{text-align:justify;font-size:14px}@media screen and (width<=992px){.intro-container .title-section p{margin-top:20px}}.contact .container{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media screen and (width<=992px){.contact .container{grid-template-columns:1fr}}.contact .container form{box-shadow:0 0 5px var(--primary);border-radius:10px;flex-direction:column;gap:20px;padding:50px;display:flex;position:relative}.contact .container form .bi-envelope{color:var(--overlay1);font-size:80px;position:absolute;top:0;right:20px}.contact .container form input,.contact .container form textarea{z-index:1;border:1px solid var(--border);resize:none;background:0 0;outline:none;padding:5px 10px}.contact .container form input{border-radius:50px}.contact .container form textarea{border-radius:10px}.contact .container form .btn{justify-content:center;align-items:center;gap:10px;display:flex}.contact .container .informations{flex-direction:column;justify-content:space-between;gap:20px;height:100%;display:flex}.contact .container .informations .item{box-shadow:0 0 5px var(--primary);border-radius:10px;padding:20px;list-style:none}@media screen and (width<=992px){.contact .container .informations .item{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}}.contact .container .informations .item:hover{box-shadow:0 0 10px var(--primary);transform:scale(1.02)}.contact .container .informations .item div{align-items:center;gap:20px;margin-bottom:20px;display:flex}.contact .container .informations .item div i{color:var(--primary);font-size:22px}.contact .container .informations .item p{margin-left:40px}@media screen and (width<=992px){.contact .container .informations .item p{margin-left:0}}#hero{grid-template-columns:2fr 1fr;align-items:center;gap:50px;display:grid}@media screen and (width<=1300px){#hero{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=992px){#hero{flex-direction:column-reverse;align-items:center;display:flex}}#hero .about{flex-direction:column;align-items:start;gap:50px;display:flex}@media screen and (width<=992px){#hero .about{text-align:center;justify-content:center;align-items:center}}#hero .available{background:var(--overlay1);border:1px solid var(--primary);box-shadow:0 0 5px var(--primary);text-transform:uppercase;color:var(--white);text-shadow:0 0 5px var(--black);border-radius:50px;align-items:center;padding:5px 15px;font-size:13px;display:flex}#hero .available i{color:#adff2f;font-size:20px}#hero .about h1{font-size:40px}#hero .about h1 span{font-family:var(--headingsFont);color:var(--primary);font-size:40px}#hero .about h2{color:var(--white)}#hero .about div{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}#hero .img-container{box-shadow:0 0 20px var(--primary);border:1px solid var(--primary);border-radius:50%;padding:10px}#hero img{width:100%;height:100%;box-shadow:0 0 5px var(--black);border-radius:50%}@media screen and (width<=992px){#hero img{max-width:300px}}.projects .projects-container{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px;list-style:none;display:grid}@media screen and (width<=992px){.projects .projects-container{grid-template-columns:1fr}}.projects .project-card{border:1px solid var(--primary);box-shadow:0 0 5px var(--primary);border-radius:10px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:50px;display:flex}@media screen and (width<=992px){.projects .project-card{text-align:center;justify-content:center;align-items:center}}.projects .project-card img{border-radius:10px 10px 0 0;width:100%}.projects .project-card h3,.projects .project-card p,.projects .project-card div{padding:0 20px}.projects .project-card div{align-items:center;gap:20px;padding-bottom:20px;display:flex}.projects .project-card .demo-link,.projects .project-card .demo-link *{color:var(--primary)}.projects .btn{justify-content:center;align-items:center;display:flex}#quote{background:var(--bg)}#quote .container{background:var(--bgGradient);box-shadow:0 0 5px var(--primary), inset 0 0 10px var(--black);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:50px;padding:50px;display:flex}#quote .container i{color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 10px var(--primary);border-radius:50%;padding:20px 22px;font-size:30px}#quote .container p{font-size:25px;font-style:italic}#quote .container span{position:relative}#quote .container span:before,#quote .container span:after{content:"";border-top:1px solid var(--primary);width:100%;height:2px;position:absolute}@media screen and (width<=768px){#quote .container span:before,#quote .container span:after{width:20%}}#quote .container span:before{top:50%;left:-110%}@media screen and (width<=768px){#quote .container span:before{left:-50px}}#quote .container span:after{top:50%;left:110%}@media screen and (width<=768px){#quote .container span:after{left:165px}}#stacks .card-container{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media screen and (width<=992px){#stacks .card-container{grid-template-columns:1fr}}#stacks .card{border:1px solid var(--primary);box-shadow:0 0 5px var(--primary), inset 0 0 10px var(--black);border-radius:10px;flex-direction:column;gap:50px;padding:50px;display:flex}@media screen and (width<=992px){#stacks .card{text-align:center;justify-content:center;align-items:center}}#stacks .card i{color:var(--primary);font-size:25px}#stacks .card ul{flex-wrap:wrap;gap:20px;display:flex}@media screen and (width<=992px){#stacks .card ul{justify-content:center;align-items:center}}#stacks .card ul li{color:var(--white);border:1px solid var(--primary);box-shadow:0 0 5px var(--primary);border-radius:50px;padding:5px 15px;font-size:14px;list-style:none}footer{box-shadow:0 0 10px var(--primary);background:var(--bg);z-index:1;border-top:1px solid var(--primary);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 50px;display:flex;position:relative}@media screen and (width<=576px){footer{flex-direction:column;justify-content:center;align-items:center;gap:20px}}footer *{color:var(--white);font-size:12px}footer div{flex-wrap:wrap;gap:20px;display:flex}footer div a:hover{filter:drop-shadow(0 0 10px var(--primary))}footer div i{font-size:25px}#experiences .container{grid-template-columns:1fr 2fr;gap:50px;display:grid}@media screen and (width<=992px){#experiences .container{grid-template-columns:1fr}}#experiences .container h2{align-items:center;gap:10px;display:flex}#experiences .container h2 i{font-size:22px}#experiences .container div{flex-direction:column;gap:20px;display:flex}#experiences .container .trainings-list{border:1px solid var(--primary);box-shadow:0 0 5px var(--primary), inset 0 0 10px var(--black);border-radius:10px;flex-direction:column;gap:50px;padding:50px;display:flex}#experiences .container .trainings-list ul{flex-wrap:wrap;gap:10px;display:flex}#experiences .container .trainings-list ul .training-item{flex-direction:column;gap:20px;width:100%;margin-bottom:30px;display:flex}#experiences .container .trainings-list ul h3{color:var(--primary);align-items:center;gap:10px;font-size:18px;display:flex}#experiences .container .trainings-list ul h3:before{content:"•";margin-bottom:4px;font-size:30px}#experiences .container .trainings-list ul span,#experiences .container .trainings-list ul p{margin-left:20px}#experiences .container .trainings-list ul p{font-size:18px}#experiences .container .jobs-list{flex-direction:column;gap:50px;display:flex}#experiences .container .jobs-list .jobs-container{flex-direction:column;gap:70px;list-style:none;display:flex}#experiences .container .jobs-list .jobs-container .job-item{border-left:1px solid var(--primary);flex-direction:column;gap:30px;padding:0 50px;display:flex;position:relative}#experiences .container .jobs-list .jobs-container .job-item:before{content:"•";color:var(--primary);font-size:45px;position:absolute;top:-35px;left:-1.2%}#experiences .container .jobs-list .jobs-container .job-item h3{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:-20px;display:flex}@media screen and (width<=720px){#experiences .container .jobs-list .jobs-container .job-item h3{flex-direction:column;align-items:start;gap:20px}}#experiences .container .jobs-list .jobs-container .job-item span{background:var(--overlay1);color:var(--white);border:1px solid var(--primary);box-shadow:0 0 5px var(--primary);border-radius:50px;align-items:center;gap:5px;padding:5px 15px;font-size:14px;list-style:none;display:flex;position:relative}#experiences .container .jobs-list .jobs-container .job-item .job-technologies{flex-wrap:wrap;align-items:center;gap:20px;display:flex}#experiences .container .jobs-list .jobs-container .job-item li{color:var(--white);border:1px solid var(--primary);box-shadow:0 0 5px var(--primary);border-radius:5px;align-items:center;gap:5px;padding:5px 15px;font-size:14px;list-style:none;display:flex;position:relative}#legal-mentions{flex-direction:column;gap:50px;display:flex}#legal-mentions h1{font-size:30px}#legal-mentions h2{margin-bottom:20px}