.presentacion{margin:0 10vw 0 15vw;margin-top:35vh!important}.title{font-family:Orbitron,sans-serif;font-size:2.4rem;color:#036666;filter:opacity(.7);width:100%;filter:drop-shadow(rgb(27,27,27) 2px 4px 20px);margin-bottom:1rem;transition:.2s ease-in-out}.retro{animation:fadeIn 1s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.retroname{font-family:Orbitron,sans-serif;font-size:6rem;color:#6de8f8;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #08f}.retrolastname{font-family:Orbitron,sans-serif;font-size:6rem;color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f,0 0 20px #f0f,0 0 40px #d0f;animation:flicker 2s infinite}@keyframes flicker{0%{opacity:1}5%{opacity:.8}10%{opacity:1}15%{opacity:.4}20%{opacity:1}25%{opacity:.7}30%{opacity:1}to{opacity:1}}.description{margin-top:20vh;font-family:Orbitron,sans-serif;font-size:1.2rem;margin-right:75vh}.social-media{margin-top:6vh;text-align:center;flex-direction:row}.social-icon{font-size:3rem;margin:0 10px;color:inherit;transition:color .3s ease-in-out;margin-top:5vh}@media (max-width: 480px){.title{font-size:5vw;margin-bottom:1rem}.presentacion{margin:0 10vw 0 8vw}.retroname,.retrolastname{font-size:10vw}.description{margin-top:10vh;font-size:12px;margin-right:0vw}.social-icon{font-size:8vw}.social-media{margin-top:4vh}}@media (min-width: 481px) and (max-width: 768px){.title{font-size:4.5vw;margin-bottom:1rem}.presentacion{margin:0 10vw 0 8vw}.retroname,.retrolastname{font-size:10vw}.description{margin-top:6vh;font-size:13px;margin-right:10vw}.social-icon{font-size:6vw}.social-media{margin-top:5vh}}@media (min-width: 769px) and (max-width: 1024px){.title{font-size:3.5vw;margin-bottom:2rem}.retroname,.retrolastname{font-size:7.5vw}.description{margin-top:7vh;font-size:15px;margin-right:25vw}.social-icon{font-size:5vw}.social-media{margin-top:4vh}}@media (min-width: 1025px) and (max-width: 1680px){.title{font-size:3vw;margin-bottom:2rem}.retroname,.retrolastname{font-size:7vw}.description{margin-top:20vh;font-size:15px;margin-right:20vw}.social-icon{font-size:4vw}}.HBcontainer{margin:0 10vw 0 15vw;margin-top:35vh!important}.textContainerHB{margin-top:3vh}.textHB1{font-family:Orbitron,sans-serif;color:#d6cece;font-size:1.3rem}.titleHB{font-family:Orbitron,sans-serif;font-size:3rem;width:100%}.IconContainerHB{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 25rem}.titleIcon{margin-top:1rem;font-family:Orbitron,sans-serif;font-size:2rem;width:100%}.IconWrapper{position:relative;display:inline-block;margin:15px}.IconWrapper:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60%;height:8px;background:#0000005e;border-radius:50%;filter:blur(2px);z-index:-1}.IconHB{font-size:5rem;margin:0 10px;margin-top:5vh;animation:flip 4s linear infinite;transform-style:preserve-3d;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.IconWrapper:nth-child(1) .IconHB{animation-delay:0s}.IconWrapper:nth-child(2) .IconHB{animation-delay:.2s}.IconWrapper:nth-child(3) .IconHB{animation-delay:.4s}.IconWrapper:nth-child(4) .IconHB{animation-delay:.6s}.IconWrapper:nth-child(5) .IconHB{animation-delay:.8s}.IconWrapper:nth-child(6) .IconHB{animation-delay:1s}.IconWrapper:nth-child(7) .IconHB{animation-delay:1.2s}.IconWrapper:nth-child(8) .IconHB{animation-delay:1.4s}.IconWrapper:nth-child(9) .IconHB{animation-delay:1.6s}ul{padding-left:20px;margin-left:1rem}li{margin-top:8px}@media (max-width: 480px){.IconContainerHB{padding:0}.HBcontainer{margin:0 10vw 0 8vw;margin-top:40vh!important}.titleHB{font-size:9vw}.textHB1{font-size:14px}.titleIcon,.IconHB{font-size:8vw}}@media (min-width: 481px) and (max-width: 768px){.HBcontainer{margin:0 10vw 0 8vw}.IconHB{font-size:6vw}.IconContainerHB{padding:0}}@media (min-width: 769px) and (max-width: 1024px){.textHB1{font-size:1.2rem}.IconHB{font-size:5vw}.IconContainerHB{padding:0;padding-right:10rem}}@media (min-width: 1025px) and (max-width: 1680px){.textHB1{font-size:1.5vw}.IconHB{font-size:4.5rem}.IconContainerHB{padding:0;padding-right:15rem}}.imgCertificado{width:100%;border-radius:5vh;transition:all 2s ease;display:block}.certificadoContainer{margin-top:1.2rem;display:flex;flex-direction:row;align-items:center}.linkWrapper{display:flex;justify-content:center}.container{position:relative;display:inline-block;width:60%;margin-top:2rem}.overlays{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;opacity:0;pointer-events:none;transition:all 2s}.imgCertificado:hover{filter:blur(5px)}.imgCertificado:hover+.overlays{color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f,0 0 20px #f0f,0 0 40px #d0f;opacity:1}@media (max-width: 480px){.overlays{font-size:1rem}.certificadoContainer{flex-direction:column;margin-top:1rem}.imgCertificado{margin-top:2rem;width:100%}.container{width:100%}}@media (min-width: 481px) and (max-width: 768px){.certificadoContainer{margin-top:1rem;flex-direction:column}.imgCertificado{width:100%;margin-top:2rem}.container{width:100%}}@media (min-width: 768px) and (max-width: 1680px){.certificadoContainer{margin-top:1rem;flex-direction:column;align-items:flex-start}.imgCertificado{margin-top:2rem}.container{width:70%}}.imgAM{width:100%;height:100%;border-radius:4rem}.textAM{font-size:1rem;font-family:Orbitron,sans-serif}.AMcontainer{margin:0 10vw 0 15vw;margin-top:35vh!important}.imgAMCont{width:120%;margin-right:2rem}.ContPimg{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-top:2rem;margin-bottom:2rem}.buttonsAM{margin-top:1rem;gap:2rem;display:flex;justify-content:flex-end}.buttonAM1{background:none;border:1px solid #00ffff;padding:10px;border-radius:5px}.buttonAM2{background:none;border:1px solid rgb(255,0,255);padding:10px;border-radius:5px}.a1{color:#6de8f8;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #08f;text-decoration:none;transition:all 2s ease}.a1:hover{transform:scale(2);text-shadow:0 0 5px black,0 0 10px black,0 0 20px black,0 0 40px black;filter:drop-shadow(0 0 5px #e1306b8a) drop-shadow(0 0 10px #0ff) drop-shadow(0 0 15px #0ff) drop-shadow(0 0 20px #0ff) drop-shadow(0 0 25px #0ff)}.a2{color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f,0 0 20px #f0f,0 0 40px #d0f;text-decoration:none;transition:all 2s ease}.a2:hover{transform:scale(2);text-shadow:0 0 5px black,0 0 10px black,0 0 20px black,0 0 40px black;filter:drop-shadow(0 0 5px #e1306b8a) drop-shadow(0 0 10px #f0f) drop-shadow(0 0 15px #f0f) drop-shadow(0 0 20px #f0f) drop-shadow(0 0 25px #f0f)}@media (max-width: 480px){.imgAMCont{width:100%}.AMcontainer{margin:0 10vw 0 8vw;margin-top:40vh!important}.imgAM{border-radius:3rem}.ContPimg{flex-direction:column;align-items:flex-start}.textAM{margin-top:2rem;margin-left:0rem;font-size:12px}}@media (min-width: 481px) and (max-width: 768px){.AMcontainer{margin:0 10vw 0 8vw}.imgAMCont{display:flex;justify-content:center;margin-right:0}.imgAM{border-radius:3rem;width:70%}.ContPimg{flex-direction:column;align-items:center}.textAM{margin-top:2rem;margin-left:0rem;font-size:.95rem;margin-right:10vw}}@media (min-width: 768px) and (max-width: 1680px){.imgAM{border-radius:3rem;width:40%}.ContPimg{flex-direction:column;align-items:flex-start}.textAM{margin-top:2rem;margin-left:0rem;font-size:.95rem;margin-right:10vw}}.Tcontainer{margin-top:50vh!important}@media (max-width: 480px){.Tcontainer{margin:0 10vw 0 8vw;margin-top:40vh!important}}@media (min-width: 481px) and (max-width: 768px){.HBcontainer{margin:0 10vw 0 8vw}}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff}#tsparticles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a;border-radius:5px}::-webkit-scrollbar-thumb{background:#fff;border-radius:5px;border:2px solid #222}section{scroll-margin-top:100px}@media (max-width: 481px){section{scroll-margin-top:89px}}.Image{position:fixed;top:0;left:0;width:100%;background-image:url(/AdrianWeb/assets/cyber-CuVyPdt5.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1;filter:blur(10px);opacity:.54;will-change:transform}@media (max-width: 768px){.Image{background-attachment:scroll}}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0006;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:998;opacity:0;pointer-events:none;transition:opacity 1.5s ease,backdrop-filter 1.5s ease}.overlay.open{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;pointer-events:all}.headerContainer{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#000;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:999}.logo a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700}.menuIcon{display:none;flex-direction:column;cursor:pointer;gap:5px}.menuIcon div{width:25px;height:3px;background-color:#fff}.navMenu{display:flex;align-items:center}.HeaderUl{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.HeaderLi a{color:#fff;text-decoration:none;transition:color .3s}.HeaderLi a:hover{color:#ccc}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@media (min-width: 0){.menuIcon{display:flex}.navMenu{position:fixed;top:60px;right:0;width:200px;height:calc(100% - 60px);background-color:#0000007d;flex-direction:column;padding-top:1rem;box-shadow:-2px 0 5px #00000080;transform:translate(100%);opacity:0;transition:transform 1.5s ease,opacity 1.5s ease}.navMenu.open{transform:translate(0);opacity:1}.HeaderUl{flex-direction:column;gap:1rem;margin:0}.HeaderLi a{padding:.5rem 1rem;color:#fff}.HeaderLi a:hover{color:#61dafb}}@media (min-width: 1601px){.menuIcon{display:flex}.menuIcon div{width:25px;height:3px}.navMenu{width:300px;top:60px;height:calc(100% - 80px);padding-top:1.5rem;box-shadow:-3px 0 10px #00000080;align-items:start;transition:transform 1s ease,opacity 1s ease}.HeaderUl{margin-left:3rem;gap:1.5rem}.HeaderLi a{padding:.75rem 1.25rem;font-size:1.3rem}.logo a{font-size:2rem}}.footer{margin:0 10vw 0 15vw;margin-top:20rem;color:#e0e0e0;padding:1.5rem 1rem;text-align:center;position:relative;overflow:hidden;font-size:1rem}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,255,.1) 0%,transparent 70%);opacity:.2;pointer-events:none}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;z-index:1}.social-mediaS{display:flex;gap:1.5rem;position:relative;z-index:1}.social-iconS{font-size:3rem;color:#e0e0e0}.instagram,.github,.linkedin,.gmail{transition:transform 1s ease,color 1s ease,text-shadow 1s ease}.instagram:hover{transform:scale(1.2);color:#e1306c;filter:drop-shadow(0 0 5px #e1306b8a) drop-shadow(0 0 10px #c13584bb) drop-shadow(0 0 15px #833ab48c) drop-shadow(0 0 20px #fd1d1d8c) drop-shadow(0 0 25px #fcb04579)}.github:hover{transform:scale(1.2);color:#0d1117;filter:drop-shadow(0 0 5px #6e7681) drop-shadow(0 0 10px #30363d) drop-shadow(0 0 15px #0d1117) drop-shadow(0 0 20px #0969da)}.linkedin:hover{transform:scale(1.2);color:#0077b5;filter:drop-shadow(0 0 5px #0076b5c5) drop-shadow(0 0 10px #004182b7) drop-shadow(0 0 15px #86888aa1) drop-shadow(0 0 20px #ffffffa4)}.gmail:hover{transform:scale(1.2);color:#d93025;filter:drop-shadow(0 0 5px #4285F4) drop-shadow(0 0 10px #EA4335) drop-shadow(0 0 15px #FBBC05) drop-shadow(0 0 20px #34A853)}.footer-bottom{display:flex;justify-content:center;margin-top:.5rem;font-size:1.2rem;position:relative;z-index:1}.footer-bottom p{margin:.25rem 0;text-shadow:0 0 3px #00ffff;transition:color .3s ease,text-shadow .3s ease}.footer-bottom p:hover{color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f,0 0 20px #f0f,0 0 40px #d0f;text-decoration:none}@media (max-width: 480px){.footer{margin:0 10vw 0 8vw;margin-top:40vh!important}.social-iconS{font-size:2rem!important}.footer-bottom p{font-size:1rem!important}}@media (min-width: 481px) and (max-width: 768px){.footer{margin:0!important;margin-top:40vh!important}.social-iconS{font-size:2.4rem!important}.footer-bottom p{font-size:1.2rem!important}}@media (min-width: 769px) and (max-width: 1024px){.footer{padding:1.5rem 10rem 1rem 1rem}}@media (min-width: 1025px) and (max-width: 1680px){.footer{padding:1.5rem 15rem 1rem 1rem}.social-iconS{font-size:3rem!important}.footer-bottom p{font-size:2rem!important}}