*,:before,:after{box-sizing:border-box}body{background-color:#1f1f1f;min-width:315px;margin:0;font-family:Audiowide,serif}main{color:#dcdcdc;flex-direction:column;flex:1;width:calc(100% - 2rem);max-width:600px;margin:0 auto;display:flex}header{justify-content:center;display:flex}p{font-family:roboto condensed,serif}h1{color:#fbcd13;border-bottom:1px solid #fff;width:fit-content;padding:.3rem;font-size:1.5rem}h2{color:#fbcd13;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.navigation-bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff03;border:1px solid #fff;border-radius:.5rem;align-items:center;width:calc(100% - 2rem);max-width:600px;margin:1rem;display:flex}.navigation-link{text-align:center;color:#fbcd13;font:inherit;cursor:pointer;background:0 0;border:none;border-right:.1rem solid #fff;flex:1;padding:.5rem}.navigation-link:hover{background-color:#ffffff26}.navigation-link:last-child{border-right:none}.navigation-text{transition:transform .15s;display:inline-block}.navigation-link:active .navigation-text{transform:scale(.95)}.email-link{color:#b8ddfea8;text-decoration:underline}.email-link:hover{opacity:.8}.gmail-icon{color:brown;margin-right:.5rem;font-size:1.5rem;position:relative;top:5.9px}.qualification-card{align-items:flex-start;gap:1rem;display:flex}.qualification-card-link{color:inherit;text-decoration:none}.qualification-card-link:hover .qualification-text h3{text-decoration:underline}.qualification-image-box{background-color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.qualification-image{object-fit:contain;width:100%;height:100%}.lens-academy-logo{width:78%;height:78%}.qualification-text{flex-direction:column;display:flex}.qualification-text h3{margin:0;font-size:1rem;line-height:1}.qualification-text p{margin:.3rem 0 0}.qualifications-grid{flex-direction:column;gap:1rem;display:flex}.competencies-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=540px){.competencies-grid{grid-template-columns:1fr}}.linkedin-icon{color:#0a66c2;vertical-align:middle;font-size:1.5rem;position:relative;top:-2.1px}.linkedin-link{margin:0;text-decoration:none}.qualification-intro{font-size:1rem;text-decoration:underline}.HTML5-card,.CSS-card,.PPL-card{width:90%;height:90%}.profile-photo{float:left;border-radius:8px;width:200px;margin:0 24px 16px 0}@media (width<=635px){.profile-photo{float:none;display:block}}.no-ai-footnote{text-align:right;color:#b8ddfea8;padding:12px;font-size:.6rem}.wrapper{flex-direction:column;min-height:100vh;display:flex}.credits-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.credits-link:hover{opacity:.8}.fade-in{animation:.35s fadeIn}.fade-out{animation:.35s forwards fadeOut}