:root{--color:#fff;--primary:#ff8a00;--secundary:#800c1f;--main:#ff8a00;--gunmetal:#2a3439;--background:#050b1e}#contact-link,#projects-link,.card,.ion-left,.ion-right,.logo,a,button,h1,li,span{transition:all .2s ease-in-out}a,aside,button,canvas,code,div,figure,iframe,img,label,li,menu,nav,object,ol,section,span,table,ul{-webkit-tap-highlight-color:transparent;margin:0;padding:0}a,ol,ul{list-style:none;text-decoration:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050b1e;background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background:#050b1e;background:var(--background);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width:.5em}::-webkit-scrollbar-thumb{background:#ff8a00;background:var(--main);border-radius:1em}@media screen and (max-width:768px){::-webkit-scrollbar{display:none}}.messageDev{background:var(--secundary);border-radius:0 0 1rem 1rem;font-size:1rem;font-weight:600;left:50%;position:fixed;top:0;transform:translateX(-50%);width:60%;z-index:6}.App,.messageDev{color:var(--color);padding:0;text-align:center}.App{display:grid;grid-template-rows:auto 1fr auto;height:100%;margin:0;width:100%}.App .section{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:2rem;text-align:center}@media screen and (max-width:768px){.messageDev{font-size:.8rem}.App{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.App .section{min-height:65vh;padding:0 1rem}}.about{display:flex;flex-direction:column;font-size:1.5rem;margin:0 3rem}@media screen and (max-width:768px){.about{font-size:1.2rem;margin:0}}.footer{grid-gap:1rem;background:linear-gradient(var(--background),#000);box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);grid-template-rows:auto auto;padding:3rem}.footer p{font-size:1.2rem;font-weight:500}.footer nav ul{display:flex;gap:2rem}.footer nav ul li a{color:var(--color);font-size:1.2rem;font-weight:500}.footer nav ul li a:hover{color:var(--primary)}.footer a{color:var(--color)}.footer a:hover{color:var(--primary)}.footer #contact{grid-column:1/span 4;grid-row:1}.footer #email-form{align-content:center;background:var(--gunmetal);border-radius:1rem;display:flex;flex-direction:column;gap:2.5rem;grid-column:3/span 1;grid-row:2;justify-self:center;margin-bottom:2rem;padding:2rem;width:90%}.footer #email-form label{font-size:1.3rem}.footer #email-form input,.footer #email-form label{color:var(--color);font-family:Poppins,sans-serif;font-weight:600}.footer #email-form input{background:var(--background);border:none;border-radius:2rem;font-size:1.1rem;padding:1rem;text-align:center}.footer #email-form input:hover{transform:scale(1.1)}.footer #email-form input::placeholder{color:var(--color)}.footer #email-form textarea{background:var(--background);border:none;border-radius:1rem;color:var(--color);font-family:Poppins,sans-serif;font-size:1.1rem;min-height:100px;padding:1rem;resize:none}.footer #email-form textarea:hover{transform:scale(1.1)}.footer #email-form textarea::placeholder{color:var(--color)}.footer #email-form button{background:var(--color);border:none;border-radius:2rem;color:var(--background);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;padding:1rem}.footer #email-form button:hover{background:var(--primary);color:var(--color);transform:scale(1.1)}.footer #success{background:#008b43;border-radius:2rem;color:var(--color);font-size:1.2rem;font-weight:600;grid-column:3/span 1;margin:4rem 0;padding:1rem 2rem;text-align:center}.footer #copyright{grid-column:1;grid-row:3;text-align:left}.footer #location{grid-column:3;grid-row:3;justify-items:flex-start;padding:0 8rem}.footer #social-media{grid-column:4;grid-row:3}.footer #social-media h3{font-size:1.4rem;margin-bottom:1rem}.footer #social-media ul{list-style:none;margin:0;padding:0}.footer #social-media li{margin-bottom:.5rem}@media screen and (max-width:768px){.footer{align-items:center;display:flex;flex-direction:column;width:100%}.footer nav ul li a,.footer p{font-size:1rem;font-weight:600}.footer nav ul li a{color:var(--color)}.footer #contact{display:flex;gap:1rem;order:1}.footer #email-form{order:2}.footer #social-media{order:4}.footer #location{order:3;padding:0}.footer #copyright{order:5}}.header{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:space-between;padding:3rem;position:fixed;top:0;width:100%;z-index:5}.header .logo{height:30px;width:fit-content}.header .logo:hover{filter:drop-shadow(0 0 5px var(--main))}.header nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;display:none;min-height:100vh;position:absolute;right:0;top:0;width:40%}.header nav ul{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:3rem 4rem;text-align:left}.header nav ul li{border-radius:2rem;padding:.5rem 0}.header nav ul li a{color:var(--color);font-size:1.5rem;font-weight:500;padding:.2rem 1rem}.header nav ul li a:hover{color:var(--color);font-weight:700}.header nav ul li:hover{background:var(--main);transform:scale(1.1)}.header nav ul #cv{background:var(--color);border:none;border-radius:2rem;box-sizing:border-box;cursor:pointer;padding:.5rem 1rem;text-align:center;width:100%}.header nav ul #cv button{background:none;border:none}.header nav ul #cv a{background:none;color:var(--background);font-size:1.5rem;font-weight:700}.header nav ul #cv:hover{background:var(--primary)}.header nav ul #cv:hover a{color:var(--color)}.header nav.open{display:block}.header .hamburger{cursor:pointer;display:flex;flex-direction:column;gap:5px;z-index:6}.header .hamburger span{background:var(--color);border-radius:2px;height:5px;width:30px}.header .hamburger.open span:first-child{transform:rotate(45deg) translateY(9px) translateX(5px)}.header .hamburger.open span:nth-child(2){opacity:0}.header .hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-9px) translateX(5px)}.header .hamburger:hover span{background:var(--main)}@media screen and (max-width:768px){.header{padding:3rem 2rem}.header .logo{height:30px;width:30px}.header nav{height:100vh;padding-top:2rem;width:100%}.header nav ul{padding:2rem;width:100%}.header nav ul #cv a,.header nav ul li a{font-size:1.2rem}.header nav.open{display:block}}.home{display:grid;flex-direction:column;margin:0 3rem;place-items:center}.home h1{font-size:6rem}.home h1,.home h2{color:var(--color)}.home h2{font-size:3rem}.home p{color:var(--color);font-size:1.5rem;font-weight:500}.home ul{display:flex;flex-direction:row;gap:1rem;height:fit-content;justify-content:center;padding-top:2rem}.home ul li{color:var(--color);font-size:1.5rem;font-weight:500}.home ul #contact-link,.home ul #projects-link{background:var(--color);border-radius:2rem;cursor:pointer;font-size:1.6rem;font-weight:600;padding:.5rem 1rem}.home ul #contact-link a,.home ul #projects-link a{color:var(--gunmetal)}.home ul #contact-link:hover,.home ul #projects-link:hover{background:var(--main);font-weight:600;transform:scale(1.1)}.home ul #contact-link:hover a,.home ul #projects-link:hover a{color:var(--color)}@media screen and (max-width:768px){.home{margin:0}.home h1{font-size:4rem}.home h2{font-size:1.5rem}.home p{font-size:1.2rem}.home ul{flex-direction:column;gap:2rem;justify-content:center;padding-top:2rem}.home ul li{color:var(--color);font-size:1rem;font-weight:500}.home ul #contact-link,.home ul #projects-link{background:var(--color);border-radius:2rem;color:var(--gunmetal);font-size:1.2rem;font-weight:600;padding:.5rem 1rem}}.projects{flex-direction:column;font-size:1.5rem}.projects .carrousel{display:flex;height:70vh;max-width:1300px;width:100%}.projects .carrousel ::-webkit-scrollbar{display:none}.projects .carrousel .arrows{align-items:center;display:inline-flex;height:70%;justify-content:space-between;left:0;padding:0 2.5rem;position:absolute;right:0;z-index:1}.projects .carrousel .arrows span{align-items:center;cursor:pointer;display:inline-flex;font-size:2rem;height:1.5rem;padding:.5rem;width:1.5rem}.projects .carrousel .arrows span .ion-left,.projects .carrousel .arrows span .ion-right{fill:var(--color);height:fit-content}.projects .carrousel .arrows span:hover .ion-left,.projects .carrousel .arrows span:hover .ion-right{fill:var(--main);height:fit-content}.projects .carrousel .container{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:1.5rem;overflow-x:auto;padding:0 1rem;scroll-snap-type:x mandatory;width:100%;z-index:2}.projects .carrousel .container .card{background:var(--gunmetal);border-radius:1rem;cursor:pointer;flex-shrink:0;font-weight:500;height:100%;overflow:hidden;position:relative;width:460px}.projects .carrousel .container .card iframe{border:none;height:50%;pointer-events:none;position:relative;width:100%}.projects .carrousel .container .card .card-overlay h3{font-size:1.5rem;margin:0}.projects .carrousel .container .card .card-overlay p{font-size:1.2rem;padding:.7rem}@media screen and (max-width:768px){.projects{font-size:1.2rem}.projects .carrousel{height:50vh;width:100%}.projects .carrousel .arrows{display:none}.projects .carrousel .container{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));height:auto;padding:0}.projects .carrousel .container .card{height:100%;width:300px}.projects .carrousel .container .card .card-overlay h3{font-size:1.2rem;margin:0;padding:.7rem}.projects .carrousel .container .card .card-overlay p{font-size:1rem;padding:.7rem}}.tagcloud-wrapper{--_control-diamater:60rem;--_control-radius:calc(var(--_control-diamater)/2);--_diameter:40rem;--_radius:calc(var(--_diameter)/2 - 2.75rem);align-items:center;aspect-ratio:1/1;box-sizing:border-box;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;justify-content:center;width:var(--control-diameter)}.tagcloud-wrapper h2{width:100%}@media screen and (max-width:768px){.tagcloud-wrapper{--_control-diamater:18rem;--_diameter:14rem;font-size:1.2rem;width:100%}.tagcloud-wrapper a{font-size:.8rem}}.tagcloud-wrapper:has(.tagcloud-rotation:hover){--tagcloud-animation-play-state:paused}.tagcloud-wrapper .tagcloud-tags{animation:tagcloud-rotation 35s linear infinite normal running;aspect-ratio:1/1;left:50%;position:absolute;position:relative;top:50%;transform:translate(-50%,-50%);transform-style:inherit;width:var(--_diameter)}@keyframes tagcloud-rotation{0%{transform:translate(-50%,-50%) rotateX(0deg)}to{transform:translate(-50%,-50%) rotateX(1turn)}}.tagcloud-wrapper .tagcloud-tags:has(.tagcloud-tag div a:hover) .tagcloud-tag:not(:has(div a:hover)){opacity:.25}.tagcloud-wrapper .tagcloud-tag{--_phi:acos(calc(-1 + (2*var(--index))/var(--num-elements)));--_theta:calc(sqrt(calc(var(--num-elements) * 3.141592653589793)) * var(--_phi));--_x:calc(cos(var(--_theta))*sin(var(--_phi)));--_y:calc(sin(var(--_theta))*sin(var(--_phi)));--_z:calc(cos(var(--_phi)));--_vector-length:sqrt(var(--_x) * var(--_x) + var(--_y) * var(--_y) + var(--_z) * var(--_z));--_normalized-x:calc(var(--_x)/var(--_vector-length));--_normalized-y:calc(var(--_y)/var(--_vector-length));--_normalized-z:calc(var(--_z)/var(--_vector-length));--_scaled-x:calc(var(--_normalized-x)*var(--_radius));--_scaled-y:calc(var(--_normalized-y)*var(--_radius));--_scaled-z:calc(var(--_normalized-z)*var(--_radius));--_final-x:calc(var(--_scaled-x) + var(--_radius));--_final-y:calc(var(--_scaled-y) + var(--_radius));--_final-z:var(--_scaled-z);align-items:center;animation:tagcloud-tag-rotation 35s linear infinite normal running;display:flex;height:5.5rem;justify-content:center;pointer-events:none;position:absolute;transform:translate3d(var(--_final-x),var(--_final-y),var(--_final-z));transition:opacity .25s ease-out;width:5.5rem}@keyframes tagcloud-tag-rotation{0%{transform:translate3d(var(--_final-x),var(--_final-y),var(--_final-z)) rotateX(1turn)}to{transform:translate3d(var(--_final-x),var(--_final-y),var(--_final-z)) rotateX(0deg)}}.tagcloud-wrapper .tagcloud-tag div{transform:rotate(calc(var(--_current-rotation)*-1deg));transition:transform 1.25s ease-in-out}.tagcloud-wrapper .tagcloud-tag div a{color:#fff;pointer-events:auto;text-decoration:none;text-shadow:1px 1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,0 0 1rem #000}.tagcloud-wrapper .tagcloud-controls{--_current-rotation:54;aspect-ratio:1/1;position:relative;transform-style:inherit;width:var(--_control-diamater)}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button{--_width:var(--_control-radius);--_height:calc(var(--_control-diamater)*3.14159/var(--num-elements) + 1px);--_theta-start:0;--_theta-length:6.28319;--_segment:calc(var(--_theta-start) + var(--index)/var(--num-elements)*var(--_theta-length));--_x:calc(var(--_control-radius)*cos(var(--_segment)));--_y:calc(var(--_control-radius)*sin(var(--_segment)) + var(--_control-radius) - var(--_height)/2);--_rotation:calc(var(--index)/var(--num-elements)*360deg);background-color:#0000;clip-path:polygon(0 50%,100% 0,100% 100%);height:var(--_height);left:var(--_x);position:absolute;top:var(--_y);transform:rotate(var(--_rotation));transform-origin:right center;transition:background-color .25s ease-out;width:var(--_width)}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button input{-webkit-appearance:none;appearance:none;height:100%;opacity:0;width:100%}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:checked){background-color:#0000}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:hover){background-color:#0000}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:first-child input:checked){--_current-rotation:108}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(2) input:checked){--_current-rotation:126}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(3) input:checked){--_current-rotation:144}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(4) input:checked){--_current-rotation:162}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(5) input:checked){--_current-rotation:180}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(6) input:checked){--_current-rotation:198}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(7) input:checked){--_current-rotation:216}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(8) input:checked){--_current-rotation:234}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(9) input:checked){--_current-rotation:252}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(10) input:checked){--_current-rotation:270}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(11) input:checked){--_current-rotation:288}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(12) input:checked){--_current-rotation:306}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(13) input:checked){--_current-rotation:324}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(14) input:checked){--_current-rotation:342}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(15) input:checked){--_current-rotation:0}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(16) input:checked){--_current-rotation:18}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(17) input:checked){--_current-rotation:36}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(18) input:checked){--_current-rotation:54}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(19) input:checked){--_current-rotation:72}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(20) input:checked){--_current-rotation:90}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:checked)~.tagcloud-rotation{transform:translate(-50%,-50%) rotate(calc(var(--_current-rotation)*1deg))}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:checked)~.tagcloud-rotation .tagcloud-tags .tagcloud-tag div{transform:rotate(calc(var(--_current-rotation)*-1deg))}.tagcloud-wrapper .tagcloud-controls .tagcloud-rotation{aspect-ratio:1/1;background:radial-gradient(#000000bf 15%,#0000 calc(75% - 5.5rem));border-radius:50%;left:50%;perspective:calc(var(--_diameter)*2);position:absolute;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--_current-rotation)*1deg));transform-style:preserve-3d;transition:transform 1.25s ease-in-out;width:var(--_diameter)}
/*# sourceMappingURL=main.8e1b2d7f.css.map*/