:root{--font-weight-body:400;--font-size-body:25px;--font-weight-headings:700;--max-width-container:700px;--cursor-style:pointer;--transition-opacity:opacity 1s;--margin-center:0 auto;--primary-color:#000;--secondary-color:#f5f5f5;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;height:100%;width:100%;padding:0}body{background-color:#000}main{margin:0 auto}h1{font-size:45px}h4{margin:25px 0 25px 0}.vl-top{border:solid 1px #f5f5f5;align-self:flex-end;min-height:100px}.vl-bottom{border:solid 1px #f5f5f5;max-height:100px}.vl-2{border:solid 1px #f5f5f5;min-height:250px}.vl-3{border:solid 1px #f5f5f5;min-height:200px}.vl-4{border:solid 1px #f5f5f5;min-height:150px}.vl-5{border:solid .5px #f5f5f5;align-self:center;width:60%}.hl{border:solid 1px #f5f5f5;width:25%}a{color:#f5f5f5;text-decoration:none}a:focus,a:hover{color:#ada5a5;transition:var(--transition-opacity);cursor:var(--cursor-style)}a:active{color:#f5f5f5}.certifications>div,.projects>div{position:relative}.link-spanner{position:absolute;inset:0;display:block}.grow{transition:all .2s ease-in-out;cursor:var(--cursor-style)}.grow:hover{transform:scale(1.1)}.page-header{display:flex;width:100%;padding:20px}.page-header__item{flex:0 1 200px}.page-header__item:last-child{flex-grow:1;text-align:right}#header-logo{width:200px;height:70px}nav.main-navigation{display:flex;justify-content:space-between;align-items:center}.nav-toggle{display:none;background:0 0;border:0;padding:6px}ul.navigation-list a{color:#f5f5f5;padding:6px 10px;border-radius:20px;text-decoration:none;font-size:25px}ul.navigation-list a:hover{color:#000;background-color:#f5f5f5}ul.navigation-list a.active{color:#000;padding:6px 10px;border-radius:20px;background-color:#f5f5f5;text-decoration:none}.navigation-list{list-style-type:none}.navigation-list li{display:inline-block;margin-left:15px}.navigation-list__item--active{text-decoration:none}.animation-section{display:flex;align-items:center;justify-content:center;height:calc(100vh - 114px);width:100%}.animation-section h1{font-family:'Space Grotesk',sans-serif;color:#f5f5f5;font-size:3rem;font-weight:100;line-height:1.5;text-transform:uppercase;white-space:nowrap;overflow:hidden;position:relative;width:1175px}h1 span{font-size:40px;margin-left:40px}.message{background-color:#f5f5f5;color:#000;display:block;font-weight:900;overflow:hidden;position:absolute;padding-left:.5rem;top:.2rem;left:620px;animation:openclose 5s ease-in-out infinite}.word1,.word2,.word3{font-family:'Space Grotesk',sans-serif}@keyframes openclose{0%{top:.2rem;width:0}5%{width:0}15%{width:360px}30%{top:.2rem;width:360px}33%{top:.2rem;width:0}35%{top:.2rem;width:0}38%{top:-4.5rem}48%{top:-4.5rem;width:450px}62%{top:-4.5rem;width:450px}66%{top:-4.5rem;width:0;text-indent:0}71%{top:-9rem;width:0;text-indent:5px}86%{top:-9rem;width:600px}95%{top:-9rem;width:600px}98%{top:-9rem;width:0;text-indent:5px}100%{top:0;width:0;text-indent:0}}.carousel{overflow:hidden}.carousel__track{display:flex;transition:transform .4s ease;will-change:transform}.slide{height:240px;background-repeat:no-repeat;background-position:center;background-size:contain;position:relative}.carousel__dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.carousel__dots button{width:8px;height:8px;border-radius:50%;border:0;background:#444;padding:0}.carousel__dots button[aria-selected=true]{background:#f5f5f5}.credentials-heading{color:#f5f5f5;text-align:center;font-size:30px;font-family:'Space Grotesk',sans-serif}.credentials-section{height:100vh;flex-direction:column;justify-content:space-evenly}.cert-container,.certifications,.credentials-section,.proj-container,.projects,.projects-container{display:flex}.cert-container{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.cert-heading,.proj-container{color:#f5f5f5;text-align:center;font-size:20px;font-family:'Space Grotesk',sans-serif}.cert-heading h3{margin:10px}.proj-container{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.certifications,.projects{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:70%}.aws-cert img,.webdev-cert img{max-width:200px}div.cv{padding-bottom:10px}.webdev{background-image:url('../assets/img/webdev/webdev-cert.png');background-repeat:no-repeat;background-position:center;background-size:225px 150px;min-height:225px;min-width:225px;position:relative}.agile{background-image:url('../assets/img/webdev/agile-cert.png');background-repeat:no-repeat;background-position:center;background-size:180px 190px;min-height:225px;min-width:225px;position:relative}.ce2{background-image:url('../assets/img/webdev/ce2.png');background-repeat:no-repeat;background-position:center;background-size:225px 150px;min-height:225px;min-width:225px;position:relative}.prompt{background-image:url('../assets/img/webdev/prompt.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.lll{background-image:url('../assets/img/webdev/lll.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.aws{background-image:url('../assets/img/webdev/aws-cert.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.aws-2{background-image:url('../assets/img/webdev/aws-cert-2.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.aws-3{background-image:url('../assets/img/webdev/aws-cert-3.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.scrum-pspo{background-image:url('../assets/img/webdev/scrum-pspo.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.scrum-psm1{background-image:url('../assets/img/webdev/scrum-psm1.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.scrum-psm2{background-image:url('../assets/img/webdev/scrum-psm2.png');background-repeat:no-repeat;background-position:center;background-size:200px 200px;min-height:225px;min-width:200px;position:relative}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:11000}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}.modal-dialog{position:relative;max-width:1000px;width:min(92vw,1000px);max-height:90vh;margin:5vh auto;padding:20px;background:#000;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.7);overflow:auto;outline:0;color:var(--secondary-color)}.modal-close{position:absolute;top:8px;right:10px;width:36px;height:36px;border:0;border-radius:8px;background:#111;color:#f5f5f5;font-size:22px;line-height:1;cursor:pointer}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;padding:24px;margin:24px 0 0;justify-items:center;list-style:none}.modal-grid a{display:block;width:100%;aspect-ratio:4/3;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:8px;transition:transform .2s ease-in-out}.modal-grid a.grow:hover{transform:scale(1.06)}.todo{background-image:url('../assets/img/webdev/todo.png');background-repeat:no-repeat;background-position:center;background-size:175px 225px;min-height:250px;min-width:250px;position:relative}.pokemon{background-image:url('../assets/img/webdev/pokedex.png');background-repeat:no-repeat;background-position:center;background-size:250px 150px;min-height:250px;min-width:240px;position:relative}.tatiana{background-image:url('../assets/img/webdev/tatiana.png');background-repeat:no-repeat;background-position:center;background-size:200px 250px;height:300px;width:300px;position:relative}.jay{background-image:url('../assets/img/webdev/jay.png');background-repeat:no-repeat;background-position:center;background-size:250px 250px;height:300px;width:300px;position:relative}.cv-container p{text-decoration:none}.contact-section{display:flex;height:100vh;flex-direction:column;justify-content:space-evenly;align-items:center;color:#f5f5f5;text-align:center;font-size:25px;font-family:'Space Grotesk',sans-serif}.contact-section h3{font-size:30px}.contact-section p{color:#a0a0a0}.contact-call,.contact-email,.contact-socials{margin-bottom:25px}.webdev-contact-container{display:flex;width:100%;justify-content:space-evenly}.webdev-contact-details{display:flex;flex-direction:column}.cv{display:flex;flex-direction:column;align-items:center}.button,button{border:none;font-family:inherit;background-color:#f5f5f5;color:#000;text-decoration:none;margin:5px;padding:5px;border-radius:5px;border-bottom:1px solid rgba(0,0,0,.3);transition:var(--transition-opacity)}.button:focus,.button:hover,button:focus,button:hover{cursor:var(--cursor-style);opacity:.8}#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:0;background-color:#000;color:#f5f5f5;cursor:var(--cursor-style);padding:7px 3px 7px 3px;border-radius:10px;font-size:20px}#myBtn:hover{background-color:#555}@media (min-width:1024px){#tablet-animation,.tablet-only{display:none}#mobile-animation,.mobile-only,.mobile-tablet-only{display:none}}@media (max-width:1024px){.nav-overlay[hidden]{display:none}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:9999}.navigation-list{z-index:10000}nav.main-navigation{position:relative;gap:8px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.navigation-list{position:fixed;top:var(--menu-top,72px);left:50%;transform:translateX(-50%);width:calc(100vw - 32px);height:100%;display:none;flex-direction:column;gap:40px;padding:12px;margin:0;background:#000;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:10000}.navigation-list.open{display:flex}.navigation-list a{font-size:18px;padding:10px 8px;border-radius:10px}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#f5f5f5}.animation-section h1{font-size:7rem;width:100%;height:100%;overflow-wrap:break-word;white-space:wrap;text-align:center;background:linear-gradient(270deg,#ba214f,#c7b82f,#388660,#407b97,#9b4fa9,#bb496b);background-size:600% 600%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:flowGradient 15s linear infinite;display:inline-block}@keyframes flowGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.hero-text{min-width:90vw;min-height:90vh;display:flex;justify-content:center;align-items:center;white-space:normal}}@media (max-width:1023px) and (min-width:600px){#desktop-animation,.desktop-only,.mobile-only{display:none}}@media (max-width:599px){#tablet-animation,.tablet-only{display:none}#desktop-animation,.desktop-only,.desktop-tablet-only{display:none}.hero-text{min-width:90vw;min-height:90vh;display:flex;justify-content:center;align-items:center;white-space:normal}.animation-section h1{font-family:'Space Grotesk',sans-serif;color:#f5f5f5;font-size:6rem;font-weight:500;line-height:1.5;text-transform:uppercase;white-space:wrap;overflow-wrap:break-word;position:relative;width:90vw;height:100%;margin:0 auto;text-align:center}.slide{height:240px}.agile,.aws,.aws-2,.ce2,.pokemon,.tatiana,.todo,.webdev{min-width:unset!important;min-height:unset!important;background-size:contain!important}.webdev-contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hl{margin:25px 0 5px 0}.cv h3{margin:10px}}