:root{--maroon:#036;--warm-gray:#1a1a1a;--light-gray:#e0e0e0;--gold:#0092ca}body{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#1a1a1a,#036,#2a2a2a,#036);background-size:400% 400%;color:#e0e0e0;color:var(--light-gray);font-family:Lexend Deca,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container{margin:0 auto;max-width:1200px;padding:2rem 0;width:90%}.header{padding:3rem 0;position:relative;text-align:center}.header h1{animation:fadeInDown 1s ease;color:#fff;font-size:3.5rem;letter-spacing:-1px;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.header p{animation:fadeInUp 1s ease .3s both;color:#e0e0e0;color:var(--light-gray);font-family:Source Code Pro,monospace;font-size:1.2rem;margin:0 auto;max-width:600px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}em{font-family:Source Code Pro,monospace;font-style:normal}.nav-buttons{animation:fadeIn 1s ease .6s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-row,.top-row{display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem;width:100%}.bottom-row{justify-content:center;margin:0 auto;max-width:600px}.nav-button{align-items:center;background-color:#036;background-color:var(--maroon);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-button i{font-size:1rem;margin-right:8px}.nav-button:hover{background-color:#2a2a2b;box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e1eb3;border-left:4px solid #0092ca;border-left:4px solid var(--gold);border-radius:12px;margin-bottom:2rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.section:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.section-header{align-items:center;border-bottom:1px solid #d4af374d;display:flex;margin-bottom:1.5rem;padding-bottom:.5rem}.section-header i{color:#0092ca;color:var(--gold);font-size:1.8rem;margin-right:1rem}.section-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0}ul{list-style-type:none;padding-left:0}li{font-family:Source Code Pro,monospace;margin-bottom:.8rem;padding-left:2rem;position:relative}li:before{content:">";font-family:Source Code Pro,monospace;font-size:1rem;left:0;position:absolute;top:2px}a,li:before{color:#0092ca;color:var(--gold)}a{border-bottom:1px dotted #0092ca;border-bottom:1px dotted var(--gold);text-decoration:none;transition:all .2s ease}a:hover{border-bottom:1px solid #fff;color:#fff}.certification-images{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1.5rem}.certification-images a,.certification-images a:hover{border-bottom:none}.certification-images img:hover{transform:scale(1.05)}.skills-container{display:flex;flex-wrap:wrap;gap:2rem}.skills-list,.skills-logos{flex:1 1;min-width:300px}.skills-logos{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-areas:". top ." "left-middle middle right-middle" ". bottom .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;place-items:center}.logo-top{grid-area:top}.logo-left-middle{grid-area:left-middle}.logo-middle{grid-area:middle}.logo-right-middle{grid-area:right-middle}.logo-bottom{grid-area:bottom}.skills-logos img{filter:grayscale(30%) brightness(.9);height:60px;object-fit:contain;transition:all .3s ease;width:60px}.skills-logos img:hover{filter:grayscale(0) brightness(1.1);transform:scale(1.2)}.grid-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-item{background:#282828b3;border:1px solid #d4af371a;border-radius:10px;padding:1.5rem;transition:all .3s ease}.grid-item:hover{border:1px solid #d4af374d;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.grid-item h5{align-items:center;border-bottom:1px solid #d4af3733;color:#fff;display:flex;font-size:1.3rem;gap:.5rem;margin-top:0;padding-bottom:.5rem}.logo-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.logo-container img{filter:grayscale(30%) brightness(.9);height:50px;object-fit:contain;transition:all .3s ease;width:50px}.logo-container img:hover{filter:grayscale(0) brightness(1.1);transform:scale(1.1)}.personal-info{animation:fadeIn 1s ease .9s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1.5rem 0}.info-item{align-items:center;color:#e0e0e0;color:var(--light-gray);cursor:pointer;display:flex;font-family:Source Code Pro,monospace;gap:.5rem;transition:all .2s ease}.info-item:hover{color:#fff;transform:scale(1.1)}.info-icon{color:#0092ca;color:var(--gold);font-size:1.5rem;transition:all .2s ease}.info-item:hover .info-icon{transform:rotate(15deg)}.visitor-count{animation:fadeIn 1s ease 1.2s both;color:#0092ca;color:var(--gold);font-family:Source Code Pro,monospace;font-size:.9rem;margin-top:1rem;text-align:center}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}@media (max-width:768px){.header h1{font-size:2.5rem}.bottom-row,.top-row{align-items:center;flex-direction:column}.nav-button{justify-content:center;text-align:center;width:100%}.certification-images{align-items:center;flex-direction:column}.certification-images img{height:auto;max-width:300px;width:100%}.skills-container{flex-direction:column}.skills-logos{grid-template-areas:"top" "left-middle" "middle" "right-middle" "bottom";grid-template-columns:1fr;grid-template-rows:auto;margin-top:2rem}}.profile-pic-container{animation:fadeIn 1s ease .3s both;border:4px solid;border-radius:50%;box-shadow:0 4px 12px #0003;height:500px;margin:0 auto 1.5rem;overflow:hidden;width:500px}.profile-pic{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-pic:hover{transform:scale(1.05)}.location-contact{color:#ccc;font-size:1rem;line-height:1.5;margin-top:.5rem}.location-contact i{color:#aaa;margin-right:8px}.links-row{animation:fadeIn 1s ease .8s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.links-row .nav-button{background-color:#2a2a2b;border:1px solid #333;border-radius:6px;font-size:1rem;padding:.6rem 1.2rem}.links-row .nav-button:hover{background-color:#3a3a3b;box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.certification-images img{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;box-shadow:0 4px 8px #0003;height:120px;padding:8px;transition:transform .3s ease;width:auto}.certification-images img,.certification-images img[alt="Cisco Certified Support Technician"]{background-color:#ffffff4d}
/*# sourceMappingURL=main.6af26d11.css.map*/