:root{font-family:Blorado,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:2;font-weight:400;color-scheme:light dark;transition:all .2s;--font-color: rgba(255, 255, 255, .87);--background-color: #242424;--menu-bg-color: #363636;--menu-hover-bg-color: #404040;--mark-color: #020a13;color:var(--font-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}canva{background-color:var(--background-color)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0}.h1{font-size:3.5rem}.p{font-size:1rem;font-weight:100;opacity:.9}.h2{font-size:1.3rem;font-weight:400}.page-container{padding:1% 20% 4%}.marker{background-color:var(--mark-color);padding:1px 7px 5px;margin-right:2px;border-radius:5px;text-decoration:none;color:var(--font-color);font-weight:100}.marker:hover{filter:brightness(3)}@media screen and (max-width: 800px){.h1{font-size:1.8rem}.page-container{margin-top:25%;padding:1% 10% 4%}}.header-container{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;padding:4% 12%;font-weight:100}.menu-container{display:flex;justify-content:end;width:100%}.menu{display:flex;list-style:none;margin-right:20px}.logo{width:50%}.menu li{background:linear-gradient(var(--font-color),var(--font-color));background-size:0 1px;transition:all .4s;background-position:left bottom;background-repeat:no-repeat;padding:0 8px 5px 10px;margin:0 10px}.menu li:hover{background-size:100% 1px}.menu li:hover a{opacity:.7}i.fa-solid{color:var(--font-color);font-size:25px}.menu li a{color:var(--font-color);opacity:.8;font-size:1rem;padding:10px 0;text-decoration:none;transition:all .4s}.dropdown-menu-container{display:flex;position:relative}.dropdown-menu-btn{cursor:pointer;display:flex;justify-content:center;text-align:center;padding:5px 10px;border-radius:5px;width:fit-content}.dropdown-menu-btn img{cursor:pointer;width:25px}.dropdown-menu{background-color:transparent;border:none}.dropdown-menu-true{position:absolute;display:flex;opacity:1;flex-direction:column;align-items:center;transform:translate(-35px,50px);width:120px;height:fit-content;background-color:var(--menu-bg-color);padding:5px;border-radius:5px;transition:all .2s;font-weight:500}.dropdown-menu-false{visibility:hidden;position:absolute;display:flex;flex-direction:column;align-items:center;width:120px;height:fit-content;opacity:0;transition:all .2s}.dropdown-lang{display:flex;align-items:center;background-color:transparent;border:none;margin-top:5px;width:100%;border-radius:5px;padding:0 5px;transition:all .1s}.dropdown-select{list-style:none}.dropdown-theme{cursor:pointer;display:flex;align-items:center;background-color:transparent;border:none;width:fit-content;padding:5px 10px;margin-right:15px;border-radius:5px;transition:all .1s}.dropdown-theme:hover,.dropdown-menu-btn:hover,.dropdown-lang:hover{background-color:var(--menu-hover-bg-color)}.dropdown-lang p,.dropdown-theme p{color:var(--font-color)}.flag{width:30px;margin-right:10px;border-radius:50%}.hamburguer-btn img{width:30px;transform:scaleX(-1)}.hamburguer-btn{position:fixed;top:0;right:0;visibility:hidden;background-color:transparent;border:none;z-index:101;transform:translate(-130%,50%)}@media screen and (max-width: 800px){.header-container{background-color:var(--background-color);position:fixed;top:0;z-index:99;padding:5% 10%}.logo{width:30%}.hamburguer-btn img{width:25px}.menu-container{position:fixed;z-index:100;flex-direction:column;justify-content:start;align-items:center;top:0;left:0;right:0;bottom:0;width:50%;height:auto;transform:translate(100%);background-color:var(--menu-bg-color)}.menu{width:80%;flex-direction:column;margin:30% 0}.menu li{margin:10% 0;width:100%}.hamburguer-btn{visibility:visible}}.main-cursor,.secondary-cursor,.trailer-text{z-index:10000;pointer-events:none;overflow:hidden;transform:translateZ(0);position:fixed}.trailer-text{text-align:center;border-radius:20px;width:50px;background-color:#8d8d8d99;color:var(--font-color)}.main-cursor{background-color:#8d8d8d80;border-radius:50%;width:8px;height:8px}.secondary-cursor{border:2px solid rgba(141,141,141,.3);border-radius:50%;width:50px;height:50px;transition:all .15s}@media screen and (max-width: 800px){.secondary-cursor,.main-cursor,.trailer-text{visibility:hidden;opacity:0}}.social-container{display:flex;width:20%;margin:20px 0;justify-content:space-between;opacity:.7}.social-container img{width:20px;transition:all .15s;margin-right:30px}.social-container a:hover img{width:21px}#globe-container{position:relative;width:100%}canvas{position:absolute;right:0;opacity:.3;transform:translate(20%,-50%);z-index:-1;rotate:45deg}@media screen and (max-width: 800px){#globe-container{width:70%}canvas{opacity:.1}}.see-more-btn{display:flex;width:fit-content;align-items:center;margin-top:30px;padding:10px 50px 20px 0;background-color:transparent;border:none;cursor:pointer;text-decoration:none;color:var(--font-color)}.see-more-btn:hover .p.see-more{text-decoration:underline}.p .see-more{margin:0 15px 0 0;font-weight:100;font-family:Blorado,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--font-color)}.see-more-btn img{width:1.8rem;height:1.4rem;color:var(--font-color);animation:arrow-bouncing 1s ease infinite;margin-left:10px}@keyframes arrow-bouncing{0%{transform:translate(0)}25%{transform:translate(70%)}50%{transform:translate(70%)}50%{transform:translate(70%)}to{transform:translate(0)}}.home-container p{margin-top:20px}.home-container{overflow:hidden}.hello-container{display:flex}#hand{width:fit-content;transform-origin:bottom right;animation:shake 1.5s ease-in-out .1s infinite alternate}@keyframes shake{0%{transform:rotate(10deg)}to{transform-origin:center center;transform:rotate(0)}}@media screen and (max-width: 1200px){.home-container h1{width:400px}}@media screen and (max-width: 800px){.home-container h1{width:200px}}.about-container h2.h2{margin-bottom:15px}div.topic{margin:5% 0;border-left:1px solid var(--font-color);padding-left:5%}div.tools-container{width:100%;display:flex;flex-wrap:wrap;margin-bottom:90px}div.single-tool-container{margin-right:46px;width:fit-content;height:50px;transition:all .3s}div.single-tool-container h2{position:absolute;width:20%;opacity:0;font-size:.8rem;transition:.1s}div.single-tool-container:hover h2{opacity:1;transition:.3s}div.tools-container img.tool{width:50px;height:50px}div.tools-container img.tool#router{height:30px;margin:10px 0}#router{height:30px}div#router-container{display:flex;align-items:center;height:50px}div#router-container h2{transform:translateY(75px)}.skills-list{margin-left:3%}.skills-list li{margin:5% 0}.formation-container{display:flex;margin:5% 0;align-items:center;border-radius:5px;transition:all .2s}.formation-container:hover{filter:brightness(1.15)}.formation-container img{width:80px;height:80px;margin-right:30px;border-radius:5px}.topic a{text-decoration:none}.formation-container p{height:100%;color:var(--font-color);text-align:bottom}@media screen and (max-width: 1500px){div.tools-container{flex-wrap:nowrap;flex-direction:column;width:100%}div.single-tool-container{display:flex;width:100%;margin:5% 0}div.single-tool-container h2{position:inherit;width:100%;margin-left:20px}}@media screen and (max-width: 800px){div.topic{margin:20% 0}.skills-list{margin-left:10%}.skills-list li{margin:10% 0}.formation-container{margin:15% 0}.formation-container p{font-size:.8.2rem}}.projects-container h1{margin-bottom:5%}.projects-container a{text-decoration:none}.projects{column-count:2;column-gap:20px}.single-project-container{cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;height:300px;border-radius:10px;margin-bottom:3.5%;break-inside:avoid-column}.project-info{display:flex;flex-direction:column;justify-content:end;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.85));width:100%;height:100%;border-radius:10px;padding:0 7%;opacity:0;transition:all .2s}.project-info h3{font-weight:700;font-size:2rem;margin:0;color:#ecf2ff}.project-info p{margin-bottom:4%;color:#ecf2ff}.single-project-container:hover .project-info{opacity:1;padding-bottom:7%}.project-tools-container{display:flex;flex-wrap:wrap}.project-tool{margin-right:2%;margin-top:1%;width:fit-content;background-color:#ecf2ff;opacity:.95;border-radius:15px;padding:0 10px}.project-tool p{color:#242424;font-size:.7rem}@media screen and (max-width: 800px){.projects{column-count:1}.project-info{opacity:1;padding-bottom:7%}}.contact-container a{width:100%;height:100%}.contact-container form{display:flex;flex-direction:column;margin-top:3%}.contact-container input,.contact-container textarea{border-radius:5px;background-color:transparent;width:65%;height:50px;margin:2% 0;padding:1% 2.5%;border:1px solid rgba(164,164,164,.35);font-size:1rem;font-family:Blorado,system-ui,Avenir,Helvetica,Arial,sans-serif}.contact-container input:focus,.contact-container textarea:focus{outline:none}.contact-container textarea{resize:none;height:200px;padding:3% 2.5%}input.submit-btn{border:none;background-color:var(--font-color);color:var(--background-color);font-weight:100;width:25%;height:60px;cursor:pointer}@media screen and (max-width: 800px){.contact-container input,.contact-container textarea{width:100%;padding-left:6%}input.submit-btn{width:60%}.contact-container p{font-size:.8rem}}.resume-container{width:80%}.resume-container img.resume{margin-top:8%;width:100%}