#me{display:inline;width:100px;height:auto;padding:20px 0}.about-section{background-color:var(--space-cadet);text-align:center;font-family:Barlow,serif}p{color:var(--nyanza);margin:0}#about img{width:250px}.about-description{padding:0 30px 30px;font-size:.8rem}#about-header{padding-top:90px;text-align:center;color:var(--nyanza);font-size:.6rem}.emphasis{font-size:1.15rem;color:var(--coral-pink);font-weight:600}#chart-container{display:flex;justify-content:center;margin-top:20px}@media screen and (min-width: 2560px){.about-section{margin-top:3%}.emphasis{font-size:4rem}#about-header{font-size:2rem}#chart-container{margin:30px auto;height:400px}#me{width:200px;height:auto}.about-description{margin:0 auto;font-size:2rem;width:50%}}@media screen and (min-width: 1440px) and (max-width: 2559px){.emphasis{font-size:2.5rem}#about-header{font-size:1.4rem}#chart-container{margin:0 auto;height:400px}#me{width:200px;height:auto}.about-description{margin:0 auto;font-size:1.5rem;width:50%}}@media screen and (min-width: 1024px) and (max-width: 1439px){.emphasis{font-size:2.5rem}#about-header{font-size:1.4rem}#chart-container{margin:0 auto;height:400px}#me{width:200px;height:auto}.about-description{font-size:1.5rem}}.contact-container{display:flex;flex-direction:column;align-items:center;margin:90px auto 0;padding:20px 40px 10px;background-color:var(--rose-quarts);border:1px solid black;width:75vw;font-family:Barlow,serif;border-radius:10px}.form p,.contact-container h1,.contact-container p{justify-content:center;color:var(--space-cadet);text-align:center;padding:4px;font-weight:600}#h1-p{margin-bottom:10px;font-size:.7rem;font-weight:600}#contact-h1{font-size:1.6rem}#submit{display:block;margin:20px auto;width:170px;height:35px;font-family:Barlow,serif;font-weight:600}.contact-container input:nth-of-type(5){height:50px}#textarea{resize:none;width:177px;padding:8px}html,body{background-color:var(--space-cadet)}.error-text{font-size:.8rem}.success-message{display:none;color:green;background-color:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:5px;box-shadow:0 4px 8px #0000001a;text-align:center}input{padding-left:5px}@media screen and (min-width: 2560px){.contact-container{width:45%;font-size:1.6rem}#contact-h1{font-size:3rem}#h1-p{font-size:1.5rem}#textarea,input,#submit{width:500px}input{height:30px}#submit{height:50px;font-size:1.4rem}}@media screen and (min-width: 1440px) and (max-width: 2559px){.contact-container{width:50%;font-size:1.3rem}#contact-h1{font-size:2.5rem}#h1-p{font-size:1.2rem;width:600px}#textarea,input,#submit{width:400px}input{height:30px}#submit{height:50px;font-size:1.1rem}}@media screen and (min-width: 1024px) and (max-width: 1439px){.contact-container{width:50%}#successMessage{font-size:.8rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.contact-container{width:60%}#successMessage{font-size:.8rem}}@media screen and (min-width: 425px) and (max-width: 767px){.contact-container{width:80%}#successMessage{font-size:.8rem}}@media screen and (min-width: 375px) and (max-width: 424px){.contact-container{width:80%}#successMessage{font-size:.8rem}}@media screen and (min-width: 320px) and (max-width: 374px){.contact-container{width:80%}#successMessage{font-size:.6rem}}body{background:var(--space-cadet)}.game-wrapper{display:flex;justify-content:center;align-items:center;width:90vw;height:80vh;margin:0}.game-container{display:flex;position:relative;justify-content:center;width:100%;max-width:250px}#canvas1{width:100%;height:auto;display:block;border:5px solid white}.score{position:absolute;top:5%;left:5%;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 2px 2px black}#controls{position:absolute;top:5%;left:80%;font-size:6px;font-family:Arial,Helvetica,sans-serif}#controls p{color:#fff;text-shadow:2px 2px 2px black}#playerImage,#backgroundImage,#enemyImage{display:none}@media screen and (min-width: 2560px){.score{font-size:35px}.game-container{max-width:1000px}.game-wrapper{margin:130px auto}#controls{font-size:20px}}@media screen and (min-width: 1440px) and (max-width: 2559px){.score{font-size:35px}.game-container{max-width:900px}.game-wrapper{margin:30px auto}#controls{font-size:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.score{font-size:30px}.game-container{max-width:750px}.game-wrapper{margin:0 auto}#controls{font-size:14px}}@media screen and (min-width: 768px) and (max-width: 1023px){.score{font-size:24px}.game-container{max-width:650px}.game-wrapper{margin:0 auto}#controls{font-size:14px}}@media screen and (min-width: 425px) and (max-width: 767px){.score{font-size:12px}.game-container{max-width:450px}#controls{font-size:8px}}@media screen and (min-width: 375px) and (max-width: 424px){.score{font-size:12px}.game-container{max-width:350px}#controls{font-size:8px}}#github-logo{height:50px;width:50px}footer{display:flex;justify-content:center;align-items:center;background-color:var(--cerulean);height:80px;gap:30px}@media (min-width: 2560px){footer{height:125px}#github-logo,#linkedin-logo,#twitter-logo{width:85px;height:auto;margin:0 20px}}:root{--space-cadet: #222E50;--cerulean: #007991;--nyanza: #d3f6db;--rose-quarts: #aba9c3;--coral-pink: #fe938c}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%}.site-container{display:flex;flex-direction:column;min-height:100vh;font-family:Barlow,serif}.site-content{flex-grow:1;padding:20px 20px 30px}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:10}.links{display:flex;align-items:center;color:var(--nyanza);font-size:1.3rem;text-decoration:none;line-height:1.6}.name{padding-left:20px;color:var(--nyanza);font-size:1.15rem;text-decoration:none;text-wrap:wrap;max-width:50px;line-height:1.25}.menu-toggle{flex-direction:column;cursor:pointer;background:transparent;border:none;margin-right:20px}.bar{display:block;width:25px;height:3px;margin:7px;background-color:var(--nyanza);transition:transform .3s ease,opacity .3s ease}.nav-links{display:none;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:var(--cerulean);width:100vw}.nav-links.active{display:flex}.menu-toggle.active .bar:nth-child(1){transform:translateY(10px) rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.links{color:var(--nyanza);text-decoration:none;display:block;text-align:center;font-size:1.15rem}.links:hover,#name:hover{color:var(--rose-quarts)}.active-link{color:var(--rose-quarts);font-weight:700}.navbar,.header{position:fixed;top:0;width:100%;height:80px}@media (min-width: 2560px){.menu-toggle{display:none}.nav-links{display:flex;position:static;flex-direction:row;align-items:center;width:auto;padding-right:30px}.links{padding:0 55px;font-size:2rem}.name{max-width:700px;font-size:3.5rem;padding-left:50px}.navbar{height:125px}.header{height:125px!important}}@media (min-width: 1024px) and (max-width: 2559px){.menu-toggle{display:none}.nav-links{display:flex;position:static;flex-direction:row;align-items:center;width:auto;padding-right:30px}.links{padding:0 15px}.name{max-width:350px;font-size:1.7rem;padding-left:50px}}@media screen and (min-width: 768px) and (max-width: 1023px){.name{max-width:350px;font-size:1.5rem;margin-left:3%}.menu-toggle{display:none}.nav-links{display:flex;position:static;flex-direction:row;align-items:center;width:auto;padding-right:30px}.links{padding:0 5px;font-size:1rem}}.header{display:flex;justify-content:center;align-items:center;height:80px;background-image:url(/assets/mern-stack-974610f5.png);background-size:105px;background-repeat:no-repeat;background-position:center;background-color:var(--cerulean);position:fixed;width:100%;z-index:10}@media screen and (min-width: 2560px){.header{background-size:200px}}.project-container{position:relative;width:100%;height:325px;overflow:hidden;font-family:Barlow,serif;margin-top:40px}#project-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease;border-radius:10px}.project-container:hover .overlay{opacity:1}.overlay-content{text-align:center}.overlay-content a{display:block;margin:50px 0;color:#fff;text-decoration:none}#project-description,#project-instructions{padding:0 20px}#project-instructions{font-size:8px;color:var(--coral-pink)}.project-container p:nth-of-type(2){margin-top:20px}#project-title,#github-url{display:inline-block;padding:2px 5px}#projects-github-logo{height:50px;width:50px}@media screen and (min-width: 2560px){#project-title{font-size:2.5rem;margin:60px 0 130px}#project-description{font-size:1.7rem;padding:0 50px}#projects-github-logo{width:125px!important;height:auto!important;margin-top:50px}#project-instructions{font-size:.9rem}}@media screen and (min-width: 1440px) and (max-width: 2559px){#project-title{font-size:2rem}#project-description{font-size:1.4rem}#projects-github-logo{width:90px!important;height:auto!important}#project-instructions{font-size:.7rem}}@media screen and (min-width: 1024px) and (max-width: 1439px){.project-container{width:50%;height:575px}#project-title{font-size:2rem;margin:60px 0 130px}#project-description{font-size:1.5rem;padding:0 40px}#projects-github-logo{width:90px!important;height:auto!important;margin-top:50px}#project-instructions{font-size:.7rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.project-container{width:50%;height:425px}#project-title{font-size:1.7rem}#project-description{font-size:1.3rem}#projects-github-logo{width:75px!important;height:auto!important}#chart-container{margin:0 auto;height:225px}}@media screen and (min-width: 425px) and (max-width: 767px){.project-container{width:90%;height:400px}}@media screen and (min-width: 375px) and (max-width: 424px){.project-container{width:90%;height:350px}}.portfolio{display:flex;justify-content:center;align-items:center;height:100%;width:100%;margin-top:70px;margin-bottom:15px;flex-direction:column}@media screen and (min-width: 2560px){.portfolio{flex-wrap:wrap;flex-direction:row;justify-content:space-around}.project-container{width:25%;height:730px;margin:40px 15px 0}}@media screen and (min-width: 1440px) and (max-width: 2559px){.portfolio{flex-wrap:wrap;flex-direction:row;justify-content:space-around}.project-container{width:25%;height:480px;margin:40px 15px 0}}.resume-container{display:flex;flex-direction:column;align-items:center;margin:90px auto 0;padding:20px 40px 10px;background-color:var(--rose-quarts);border:1px solid black;width:75vw;font-family:Barlow,serif;border-radius:10px}#resume-h1{font-size:1.4rem;margin-bottom:15px;color:var(--space-cadet)}.resume-container p:nth-of-type(1){font-size:.9rem;margin-bottom:15px;color:var(--space-cadet);font-weight:600}#resume-download{text-decoration:none;color:var(--nyanza)}h2{font-size:.8rem;margin:10px 0}ul li{font-size:.8rem}ul li:last-of-type{padding-bottom:15px}@media screen and (min-width: 2560px){.resume-container{width:40%}#resume-h1{font-size:3rem}.resume-container p:first-of-type,.resume-container h2,.resume-container li{font-size:1.7rem}}@media screen and (min-width: 1440px) and (max-width: 2559px){.resume-container{width:50%}#resume-h1{font-size:2.5rem}.resume-container p:first-of-type,.resume-container h2,.resume-container li{font-size:1.3rem}}@media screen and (min-width: 1024px) and (max-width: 1439px){.resume-container{width:50%}#resume-h1{font-size:2.2rem}.resume-container p:first-of-type,.resume-container h2,.resume-container li{font-size:1.2rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.resume-container{width:50%}#resume-h1{font-size:1.8rem}.resume-container p:first-of-type,.resume-container h2,.resume-container li{font-size:1.1rem}}