#bg2{position:fixed;top:0;left:0}body{background:#000}nav{position:fixed;top:0;z-index:1;width:100%;height:60px;margin-left:20rem}nav ul{display:flex;width:100%;justify-content:center}nav ul li{list-style:none;margin:0 1rem;padding:1rem}nav ul li a{text-decoration:none;color:#00ff40}main{position:absolute;color:orange;font-family:Orbitron,sans-serif}main header h1{letter-spacing:2.5rem;font-size:50px;color:#00ff40}section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:165%;height:80vh;scroll-snap-align:center}section div{display:flex;margin:20px}section div a{text-decoration:none;color:#fff;font-size:20px;text-align:center}section div a:hover{color:#00ff40}section h1{border-width:2px;position:relative;bottom:-6rem}#projects{margin-top:35rem;position:relative;right:-4.5rem}#projects div{padding:30px;border-radius:5%;background-color:#ced4da;opacity:.8}#projects div a{color:#000;opacity:10;font-size:25px}#about{margin-top:10rem;position:relative;right:-4.5rem}#about h1{margin-bottom:10rem}#about div{display:inline-block;background-color:#ced4da;opacity:.8;border-radius:5%}#about div p{width:38rem;height:55vh;color:#000;opacity:1;font-size:19px;line-height:4rem}#about div img{width:30px;cursor:pointer;position:relative;left:15rem}#about div a:hover{color:#f0f}#skills{margin-top:20rem;position:relative;right:-4.5rem}#skills h3{color:#000;opacity:1;padding:20px;background-color:#ced4da;border-radius:5%;opacity:.8;height:150px;width:12em}#skills h3 img{width:60px}#contact{margin-top:45rem;position:relative;right:-4.5rem}#contact div{color:#000;opacity:1;padding:40px;background-color:#ced4da;opacity:.7;border-radius:5%}#contact div h1{left:15rem;position:relative;top:-9rem;color:#fff;opacity:1}#contact div h2{position:relative;right:3rem}@media screen and (max-width:440px) and (min-width:280px){main header h1{letter-spacing:2rem;font-size:40px;position:relative;right:-2rem;top:1rem}nav ul li a{font-size:12px;position:relative;bottom:1.5rem}nav{margin-left:-2rem}main header #summary{font-size:18px}#projects{margin-top:60rem}#projects div{padding:30px;position:relative;left:-25rem}#projects div a{font-size:35px}#about div{padding:70px;width:35rem;height:25rem;position:relative;left:-25rem}#about div p{font-size:25px;line-height:3em;position:relative}#about div img{width:40px;right:-0rem;bottom:8rem;margin:0 1.5rem}#about div a{font-size:25px;color:#f0f}#skills h3{padding:18px;font-size:20px;position:relative;left:-25rem}#skills h2{font-size:25px;position:relative;left:-25rem}#contact div h1{background-color:#ced4da;border-radius:5%;height:2em;opacity:10;top:-20rem;right:25rem;font-size:28px;color:#100f0f;opacity:1;position:relative}#contact div h2{position:relative;right:10rem;font-size:20px}}@media screen and (max-width:840px) and (min-width: 480px){main header h1{letter-spacing:2rem;font-size:55px;position:relative;right:-2rem;top:1rem}nav ul li a{font-size:22px;position:relative;bottom:1.5rem}nav{margin-left:3.5rem}main header #summary{font-size:25px}section{height:100vh}section div{display:flex;margin:40px}section div a{font-size:20px}#projects{margin-top:60rem}#projects div{padding:90px;position:relative;left:-45rem}#projects div a{color:#000;opacity:10;font-size:55px}#about div{padding:90px;position:relative;left:-45rem}#about div p{font-size:35px;line-height:3em;position:relative}#about div img{width:70px;right:-0rem;bottom:-5rem;margin:0 1.5rem}#about div a{font-size:35px;color:#f0f}#skills h3{padding:50px;font-size:40px;position:relative;left:-45rem}#skills h2{font-size:50px;position:relative;left:-45rem}#contact div h1{background-color:#ced4da;border-radius:5%;height:2em;opacity:10;top:-20rem;right:-15rem;font-size:48px;color:#100f0f;opacity:1;position:relative}#contact div h2{position:relative;right:10rem;font-size:60px}main{font-size:15px}}