.portfolio{background-color:#1f2534;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro{display:flex;flex-direction:column;align-items:center}.info-intro,.about-me,.profile{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.jr-intro{color:#00ff2a;line-height:0}.hi-intro{font-family:Playball,cursive;font-weight:400;font-style:normal;font-size:1.8rem;line-height:0}.message-intro{color:#b1b1b1;width:40vh}.linkedin-btn{background-color:transparent;color:#0080ff;border:1px solid #0080FF;border-radius:5px;height:2.5rem;width:7rem;margin-left:1rem;position:relative;overflow:hidden}.linkedin-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;border:2px solid #00BFFF;opacity:0;box-shadow:0 0 10px #00bfff,0 0 20px #00bfff,0 0 30px #00bfff,0 0 40px #00bfff;animation:borderGlow 2s infinite}.linkedin-btn:hover:before{opacity:1}.linkedin-btn:hover{background-color:#005bb5}@keyframes borderGlow{0%,to{opacity:0;box-shadow:0 0 10px #0080ff,0 0 20px #0080ff,0 0 30px #0080ff,0 0 40px #0080ff}50%{opacity:1;box-shadow:0 0 5px #0080ff,0 0 10px #0080ff,0 0 15px #0080ff,0 0 20px #0080ff}}.img-profile{width:30vh;height:30vh;border-radius:50%;object-fit:cover;object-position:center}.contact-linkedin{margin-top:1.3rem;color:#007bff;text-decoration:none}.contactLogo{width:3rem;height:3rem}.contact-section{display:flex;flex-direction:column;padding:3rem}.gmail-contact{margin-bottom:3rem;display:flex;align-items:center;flex-direction:column}.LogoLinkedin{display:flex;align-items:center;flex-direction:column;margin-bottom:3rem}@media (width >= 1000px){.info-intro{display:flex;flex-direction:row}.profile{margin-top:-11rem}.contact-section{flex-direction:row}.gmail-contact{margin-right:3rem}.LogoLinkedin{margin-left:3rem}}.habilities{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.habilities-logo{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.logo-container{position:relative;display:inline-block;margin:1rem}.logo{width:3.5rem;height:3.5rem;transition:transform .3s,box-shadow .3s}.logo-container:hover .logo{transform:scale(1.1);filter:drop-shadow 0 4px 8px rgba(0,0,0,.5)}.logo-text{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;background-color:#0009;padding:5px 10px;border-radius:5px;opacity:0;transition:opacity .3s}.logo-container:hover .logo-text{opacity:1}@media (width >= 1000px){.logo{width:5rem}}.card{background:#2f3c5e;border-radius:8px;box-shadow:2px 6px 9px #00000080;overflow:hidden;width:300px;margin:20px;padding:20px;text-align:center;position:relative;transition:transform .3s ease,filter .3s ease}.card:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.card-image{width:100%;height:200px;object-fit:cover;border-radius:8px}.card-content{margin-top:15px}.card-title{font-size:1.5em;margin:0}.card-description{font-size:1em;margin:10px 0}.card-link{display:block;margin:5px 0;color:#007bff;text-decoration:none}.card-link:hover{text-decoration:underline}.projects{text-align:center}.card-container{display:flex;flex-wrap:wrap;justify-content:center}.download-btn{color:#00ff08;background-color:transparent;border:1px solid #00ff08;border-radius:5px;height:2.5rem;width:7rem;position:relative;overflow:hidden}.download-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;border:2px solid #00ff08;opacity:0;box-shadow:0 0 10px #00ff08,0 0 20px #00ff08,0 0 30px #00ff08,0 0 40px #00ff08;animation:borderGlow 2s infinite}.download-btn:hover:before{opacity:1}.download-btn:hover{background-color:#00b506}@keyframes borderGlow{0%,to{opacity:0;box-shadow:0 0 10px #00b506,0 0 20px #00b506,0 0 30px #00b506,0 0 40px #00b506}50%{opacity:1;box-shadow:0 0 5px #00b506,0 0 10px #00b506,0 0 15px #00b506,0 0 20px #00b506}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#1f2534}