:root,*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;font-weight:700}body{overflow-x:hidden}.upper{position:fixed;top:0;background:#000;width:100%;height:150px}.logo{height:50px;font-size:.9rem;padding-left:10px;display:flex;align-items:center;color:#fff}nav{height:100px;display:flex;justify-content:space-around;align-items:center;background:#000}nav>*:active,nav>*:hover,nav>*:link,nav>*:visited{background:#fff;border-radius:25px;color:#000;text-decoration:none;display:flex;justify-content:center;align-items:center;margin:5px;height:50px}nav>*{width:80px}header{display:flex;justify-content:center;align-items:center;background:#fff;height:50px}.dev-bg{background:url(/assets/headerbackground-CpL15lsw.PNG);z-index:-20;height:100%;width:100%;position:fixed;opacity:.5}.blue-bg{opacity:.5;background:#0af;z-index:-10;height:100%;width:100%;position:fixed}.under-nav{margin-top:200px}main{height:2500px}.home{height:1000px}.home section{width:100%}.my-photo{display:flex;flex-direction:column;align-items:flex-end}.cv-photo{height:200px;margin-top:150px;margin-right:30px;border-radius:20px}.name-and-title{padding-top:20px;display:flex;flex-direction:column;align-items:flex-end}.name-and-title>*{padding:10px}.my-name{padding-right:100px}.my-title{padding-right:50px}.projects{display:flex;flex-direction:column;align-items:center}.project-items{padding-top:20px;display:flex;flex-direction:column}.projects-nav button{background:#fff;padding:20px 30px;margin:50px 10px 10px;border-radius:20px;border:none}.video-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:340px;border:5px solid #000;padding-top:30px;padding-bottom:30px;margin-bottom:10px;border-radius:20px;background:#1464ff33;animation:projects 1s}.video-container>*{padding:10px}.video-container h2{border-bottom:5px solid #555}.video-container a:hover,.video-container a:link,.video-container a:active,.video-container a:visited{color:#000;text-decoration:none;background:#0064ff80;border-radius:5px;border:5px solid #555;animation:videoLinks 2s}video{width:300px;background:#0064ff80;border:5px solid #555;border-radius:5px;z-index:-5;animation:video 1s}@keyframes video{0%{width:0}to{width:300px}}.dual-git{display:flex;gap:10px;padding:0}.dual-git a{padding:10px;display:flex;justify-content:center;align-items:center}.dual-git h3{font-size:1rem;text-align:center;padding-bottom:5px}.info{padding:20px;height:2000px}.info section{padding-bottom:100px;width:300px}.info section>*{padding-bottom:10px}.info section>h3{margin:40px 0}.info>br{padding-bottom:20px}.pd-bottom-20{padding-bottom:20px}.pd-bottom-40{padding-bottom:40px}.contact{height:1500px}.contact form{padding-top:30px;display:flex;flex-direction:column;align-items:center}.contact label{font-size:1.1rem;padding:20px 0}.contact input,.contact textarea{border:none;border-radius:10px;padding:10px;width:300px;animation:form 1s}@keyframes form{0%{width:0}to{width:1}}.contact textarea{height:800px}.contact input[type=submit]{margin-top:20px}footer{background:#000;color:#fff;height:700px;padding:20px}footer h4{font-size:1.3rem;padding-top:20px;padding-bottom:20px}footer a:active,footer a:hover,footer a:link,footer a:visited{display:block;color:#fff;text-decoration:none}footer a,footer p{padding-left:10px;padding-bottom:5px}.back-to,.footer-contact{display:flex;flex-direction:column}.back-to a{cursor:pointer}@media screen and (min-width: 500px){nav>*{width:100px}.name-and-title{align-items:center}footer{padding-left:100px;padding-top:70px}}@media screen and (min-width: 600px){nav>*{width:125px}.my-photo{padding-right:50px}.name-and-title{margin-top:50px}.my-name{margin-right:200px}.my-title{margin-right:100px}iframe{width:500px;height:400px}.info{padding-left:100px}}@media screen and (min-width: 700px){.contact input,.contact textarea{width:500px}.video-container{width:600px}video{width:500px}@keyframes video{0%{width:0}to{width:500px}}.projects{height:4500px}}@media screen and (min-width: 800px){nav{justify-content:flex-start;gap:20px;padding-left:30px}nav>*{width:150px}.my-photo{padding-right:100px}.info{padding:100px;display:flex;justify-content:space-around}.info section>*{padding:10px}.info section{padding-bottom:200px}}@media screen and (min-width: 900px){.my-photo{padding-right:150px}}@media screen and (min-width: 1000px){.my-photo{padding-right:200px}.cv-photo{height:250px;margin-top:100px}iframe{width:700px}footer{display:flex;justify-content:space-around;padding:100px}footer h4{padding-bottom:70px}footer a,footer p{padding-bottom:20px}}@media screen and (min-width: 1200px){.name-and-title{align-items:flex-start;padding-left:100px}.my-title{padding-left:100px}.video-container{width:1000px}}@media screen and (min-width: 1300px){.name-and-title{align-items:center;padding-right:300px}iframe{width:900px}}@media screen and (min-width: 1500px){.info{display:flex;gap:300px}}@media screen and (min-width: 1600px){.name-and-title{margin-right:200px}}@media screen and (min-width: 2200px){main{font-size:1.8rem}.home,.info{height:4000px}.projects{height:4800px}.cv-photo{margin-right:400px;margin-top:200px}}@media screen and (min-width: 2500px){nav>*,.logo,footer,footer h4,button{font-size:1.5rem}.logo{height:100px}nav>*{width:200px}main{padding-top:100px}.info{padding-top:200px}}@media screen and (min-width: 3000px){.cv-photo{margin-right:1000px;margin-top:200px;height:400px}}