.navbar{position:absolute;top:20px;left:10px;right:10px;height:68px;display:flex;justify-content:space-between;align-items:center;background:none;padding:0;z-index:1}.navbar h1{min-width:180px}.navbar ul{list-style:none;display:flex;gap:20px;margin-right:20px}.navbar li{padding:10px 20px;border:rgb(118,70,143) 1px solid;border-radius:10px;transition:background .2s ease-in-out;background:#ffffff1a;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.navbar li:hover{border:rgb(40,112,139) 1px solid;background:#000}.navbar ul li button{position:absolute;all:unset;color:#fff;background-color:transparent;text-decoration:none;transition:color .3s ease-in-out;padding:10px 20px;margin:-10px -20px;cursor:pointer;border-radius:10px}.hamburger{display:none;cursor:pointer;margin-top:-10px;margin-right:20px}.hamburger span{width:25px;height:3px;border-radius:5px}@media (max-width: 768px){.navbar ul{display:none;position:absolute;top:70px;right:0;border-radius:10px;flex-direction:column;gap:1px}.navbar ul li{background:#d89595}.navbar ul.open{display:flex}.hamburger{all:unset;color:#000;background-color:#d89595;text-decoration:none;padding:10px 20px;cursor:pointer;border-radius:10px;margin-right:20px}}.about{position:absolute;top:0;left:10px;right:10px;padding-bottom:15px}#about-me{display:grid;grid-template-columns:1fr 1fr;background:#00d0ff33;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:15px;border:rgb(138,138,196) solid 1px;padding-bottom:10px}.grad-info{align-content:center}#about-me .grad-info img{border:white solid 1px;border-radius:15px;padding:10px}#about-me .diploma img{width:400px;margin-top:15px;border:rgb(163,87,87) solid 4px;border-radius:15px}#about-me .real-chat{position:relative}@media (max-width: 768px){#about-me{display:flex;flex-direction:column}#about-me .diploma img{width:300px}}.glow-card{position:relative;border-radius:1rem;overflow:hidden;padding:1px}.glow-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#00f0ff,#ff00c8,#00f0ff,#ff00c8);background-size:400% 400%;animation:rotateBackground 4s linear infinite}@keyframes rotateBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section-effect{border:rgb(118,70,143) 1px solid;border-radius:15px;display:grid;margin-top:40px;gap:2rem;padding:2rem}.cardcontent{position:relative;z-index:2;background:#0a0a0ae6;border-radius:1rem;padding:1rem;text-align:center;align-items:center}.cardcontent h3{font-size:1.1rem}.cardcontent p{color:#ccc;font-size:1rem;max-width:500px}.cardcontent ul{color:#ccc;font-size:1rem;max-width:500px;margin:0 auto;text-align:left}.logo-section img{margin-right:20px;width:90px}.section-effect .glow-card:nth-of-type(2) img{width:40px}.experience-glow-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px #00f0ff80}#experience-description{visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s;height:0;overflow:hidden}.experience-glow-card:hover #experience-description{visibility:visible;opacity:1;height:auto}@media (max-width: 768px){.experience-glow-card:before{display:none}.experience-glow-card{border:white 1px solid}.cardcontent{background:#0a0a0a66}}.resume-container button{all:unset;color:#000;background-color:#d89595;text-decoration:none;transition:color .3s ease-in-out;box-sizing:border-box;padding:10px 20px;margin:10px -15px -10px;cursor:pointer;border-radius:10px;transition:transform .3s ease,filter .3s ease}.resume-container button:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px #00ffe1)}.resume-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:30px;min-width:506px}embed{max-width:700px;border-radius:15px}.contact-container{border:rgb(118,70,143) 1px solid;border-radius:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px;gap:2rem;padding:2rem;align-items:start}.contact-content{position:relative;z-index:2;background:#0a0a0ae6;border-radius:1rem;padding:1rem;text-align:center}.contact-content div{display:flex;justify-content:space-between}.contact-content div input{width:auto}.contact-content textarea{height:50px;width:auto}.contact-logos img{width:50px;border:white 1px solid;border-radius:10px;background:#1f7291}.contact-logos img:hover{transform:translateY(-1px);box-shadow:0 0 25px #c9eb4f80;border:rgb(118,70,143) 1px solid}#contact-form div{min-height:60px;align-content:center;align-items:center}.contact-submit-button{display:flex;justify-content:center;align-items:center;margin:10px auto 0;width:fit-content}.contact-submit-button button{background:#19669de6;color:#fff;padding:10px 20px;border:1px solid white;border-radius:5px;cursor:pointer}.contact-submit-button button:hover{transform:translateY(-1px);box-shadow:0 0 40px #c9eb4f80;background:#5a125b;border:rgb(118,70,143) 1px solid}@media (max-width: 768px){.contact-glow-card:before{display:none}.contact-glow-card{border:white 1px solid}.contact-content{background:#0a0a0a66}.contact-content div{display:flex;flex-direction:column}}.skills-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.projects-grid{border:rgb(118,70,143) 1px solid;border-radius:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px;gap:2rem;padding:2rem}.card-content{position:relative;z-index:2;background:#0a0a0ae6;border-radius:1rem;padding:1rem;text-align:center;min-height:230px}.card-content h2{font-size:1.1rem}.card-content p{color:#ccc;font-size:1rem}.card-button{display:inline-block;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(45deg,#0b646b,#5e134c);border:white 1px solid;border-radius:25px;text-decoration:none;transition:background .4s ease,transform .4s ease}.card-button:hover{background:linear-gradient(45deg,#5e134c,#0b646b);transform:scale(1.05)}.projects-glow-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px #00f0ff80}@media (max-width: 768px){.projects-glow-card:before{display:none}.projects-glow-card{border:white 1px solid}.card-content{background:#0a0a0a66}}.gemini-container{display:none}.gemini-container.open{position:fixed;display:flex;flex-direction:column;align-items:center;bottom:10px;right:5px;width:450px;height:500px;background:#073f4b80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:white 1px solid;border-radius:15px}@media (max-width: 768px){.gemini-container.open{left:10px;right:10px;width:auto}}.gemini-chat.close{display:none}#chat-input{position:absolute;left:10px;top:90%;width:70%;height:30px;border:rgb(206,41,159) 1px solid;border-radius:10px;font-size:16px}.gemini-chat{position:fixed;z-index:2;bottom:10px;right:20px}.avatar-gemini{filter:drop-shadow(0 0 20px #b704ee);cursor:pointer;animation:pulse 2s infinite;border:white 1px solid}.avatar-gemini:hover{animation:none;filter:drop-shadow(0 0 20px #0485ee);transform:scale(1.12)}.chat-text:hover{transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.chat-text{position:relative;text-align:center;padding:7px;color:#fff;background:#000;cursor:pointer;overflow:hidden;border-radius:8px;z-index:0}.chat-text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:3px;background:linear-gradient(270deg,#08678a,#4760e0,#43064b,#7a288a,#0a4169);background-size:600% 600%;animation:animated-gradient 5s ease infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;border-radius:8px;z-index:-1}@keyframes animated-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.equis{all:unset;position:absolute;left:90%;top:0;color:#000;background-color:#d89595;text-decoration:none;transition:color .3s ease-in-out;box-sizing:border-box;padding:10px 20px;margin:10px -15px -10px;cursor:pointer;border-radius:10px}.response{position:absolute;border:white 1px solid;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;margin:10px;bottom:60px;top:10%;overflow-y:auto;scroll-behavior:smooth}.response p{margin:10px 5px}.gemini-container form button{all:unset;position:absolute;left:85%;top:87%;color:#000;background-color:#d89595;text-decoration:none;transition:color .3s ease-in-out;box-sizing:border-box;padding:10px 20px;margin:10px -15px -10px;cursor:pointer;border-radius:10px}.response::-webkit-scrollbar{width:15px}.response::-webkit-scrollbar-track{background-color:transparent}.response::-webkit-scrollbar-thumb{background-color:#4f9ab7;border-radius:9px;border:transparent;background-clip:padding-box}.response::-webkit-scrollbar-thumb:hover{background-color:#7bb2e2}.content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:60px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-family:Courier New,Courier,monospace;margin-top:0;z-index:0;width:100%}html,body,#root{position:relative;display:flex;flex-direction:column;height:100%;background:transparent;color:#fff}#tsparticles{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0}