:root{font-size:clamp(14px,2vw,19px)}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;touch-action:auto;overflow:auto;line-height:1.5}body{position:relative;background:linear-gradient(160deg,#0c1b24,#000,#091e24);display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:0;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(270deg,#1313137e,#011922e5,#011f2c91 60%,#00000046);background-size:400% 400%;animation:backgroundShift 15s ease infinite;z-index:-1;pointer-events:none}@keyframes backgroundShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;min-height:100vh;padding:1rem;z-index:1}.info-card{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.details-card{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex:1}.profile-image-wrapper{padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;position:relative}.profile-image{width:25%;-o-object-fit:cover;object-fit:cover;border-radius:10%;border:3px solid rgba(45,194,186,.6);box-shadow:0 8px 25px #0006;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:20px}.name-outside{font-size:3rem;font-weight:700;background:linear-gradient(#046481,#1cacc5);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;padding-bottom:.5rem;padding:0 1rem;width:100%;z-index:2;animation:fadeIn 2s ease-out forwards;opacity:100%;animation-delay:.2s}.title-outside{color:#e2e8f0;font-size:1.5rem;font-weight:700;text-align:center;padding-bottom:2rem;padding:0 1rem;width:100%;z-index:2;animation:fadeIn 1s ease-out forwards;opacity:0;animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.social-links{display:flex;gap:2rem;padding:1.5rem 1.5rem .5rem;align-self:center;justify-content:center;position:relative;z-index:2;width:95%;height:auto}.social-links a{color:#2dc2ba;transition:transform .1s ease-in-out,color .4s ease}.social-links a:hover{transform:scale(1.5);color:#8de0e0}.main-content-wrapper{display:flex;flex-direction:column;width:95%;border-top:1px solid #2dc2ba}.left-column,.right-column{display:flex;flex-direction:column;gap:.3rem;flex:1;color:#fcfcfc}.bio-intro{text-align:center;color:#e2e8f0;line-height:1.5;font-size:.9rem;width:100%}.bio-list{text-align:left;color:#e2e8f0;line-height:1.5;font-size:.9rem;list-style:disc;padding-left:1rem;width:100%}.certifications{color:#e2e8f0;width:100%;padding-top:1rem}.cert-lists{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.cert-lists ul,.lists{font-size:.9rem;padding-left:1rem}.skills-group{display:flex;flex-direction:column;gap:.5rem}.right-column h3,.left-column h3{font-size:1rem;padding-bottom:0;color:#2dc2ba;text-align:left;padding-bottom:.5rem;padding-top:.5rem}@media (min-width: 768px){.card-content{padding:2rem}.main-content-wrapper{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:2rem;column-gap:2rem;align-items:start;border-top:1px solid #2dc2ba;padding-top:1rem}.name-outside,.title-outside{text-align:center;padding-bottom:.5rem}.left-column,.right-column{padding:0}.bio-intro,.bio-list,.certifications{align-self:flex-start;text-align:left}.cert-lists{justify-content:flex-start}}@media (max-width: 767px){.body{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-container{flex-direction:column;height:auto;max-height:-moz-fit-content;max-height:fit-content;width:100%;align-items:center}.main-content-wrapper{display:flex;flex-direction:column;gap:2rem;width:100%;border-top:1px solid #2dc2ba;padding-top:1.7rem}.name-outside{font-size:2.5rem}.title-outside{padding-bottom:1rem}.social-links{margin-top:1rem;padding-bottom:1rem;width:100%}.left-column,.right-column{align-items:left;text-align:left}.bio-intro,.bio-list{text-align:left;padding-left:0}.cert-lists{justify-content:left}.skills-group h3,.certifications h3,.left-column h3{text-align:left}.skills-group ul{text-align:left;padding-left:1rem}.profile-image-wrapper{padding:0rem}.info-card{align-items:center}}.profile-hover-info-card{width:250px;background-color:#1e1e1ef2;border:1px solid #2dc2ba;border-radius:8px;padding:15px;color:#e2e8f0;box-shadow:0 4px 15px #00000080;z-index:10;opacity:.7;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;text-align:left}.profile-hover-info-card{opacity:1;transform:translateY(-5px)}.profile-hover-info-card h3{color:#2dc2ba;font-size:1.1rem;margin-bottom:10px;text-align:center}.profile-hover-info-card ul{list-style:none;padding:0;margin:0}.profile-hover-info-card ul li{margin-bottom:8px;font-size:.9rem;line-height:1.3}.profile-hover-info-card ul li strong{color:#8de0e0}