:root{--hud-blue:#4fd1ff;--hud-blue-soft:#4fd1ff66;--hud-line:#ffffff59}.contactForm,.contact-header,.nav-links,.socialsSection,.contactWrapper{text-align:center;flex-direction:column;align-items:center;display:flex}.nav-links{border-top:1px solid #0ff3;border-bottom:1px solid #0ff3;flex-wrap:wrap;justify-content:center;gap:40px;width:90%;max-width:600px;margin:0 auto 40px;padding:20px 0;font-size:1rem;display:flex;position:relative}.nav-links p{opacity:.7;cursor:pointer;text-align:center;padding:5px 0;font-family:Courier New,Courier,monospace;font-size:1rem;transition:all .3s;position:relative}.nav-links p:hover{opacity:1;color:#00ffffe6;transform:translateY(-2px)}.nav-links p:after{content:"";background:linear-gradient(90deg,#0ffc,#0000);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links p:hover:after{width:100%}.nav-links .sub{opacity:.9;color:#00ffffe6;font-weight:700}.about{color:#fff;letter-spacing:.08em;margin:-80px 150px 0;font-family:Gajraj One,sans-serif;position:relative}.about:before{content:"";background:linear-gradient(to right,transparent,var(--hud-blue),transparent);opacity:.6;width:100%;height:1px;position:absolute;top:-40px;left:0}.johanna,.erin{object-fit:cover;border:1px solid var(--hud-blue-soft);box-shadow:0 0 20px #4fd1ff26}.johanna{width:420px;height:500px}.erin{width:450px;height:500px}.about-header{text-align:center;flex-direction:column;align-items:center;width:100%;padding:60px 20px 30px;display:flex;position:relative}.body-text{color:#ffffffd9;border:1px solid var(--hud-blue-soft);padding:40px 50px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:600;line-height:1.8;position:relative}.body-text:before,.body-text:after{content:"";border:2px solid var(--hud-blue);width:20px;height:20px;position:absolute}.body-text:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.body-text:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.divider{background:repeating-linear-gradient(to right,var(--hud-blue),var(--hud-blue)18px,transparent 18px,transparent 36px);opacity:.7;width:80%;height:1px;margin:60px auto}.portfolio-banner{justify-content:center;align-items:center;margin:40px 0;display:flex;position:relative}.consultation-link{width:100%;text-decoration:none;display:block}.mm{justify-content:space-between;align-items:center;gap:60px;margin:0 10%;display:flex}h1,h2{text-transform:uppercase}h1{letter-spacing:.12em;color:var(--hud-blue);text-shadow:0 0 12px #4fd1ff66;margin-bottom:10px;font-size:120px}h2{opacity:.9;margin:20px 0;font-size:64px}@media (max-width:1024px) and (min-width:769px){.about{margin:-60px 60px 0}h1{letter-spacing:.1em;font-size:90px}h2{font-size:48px}.mm{gap:40px;margin:0 5%}.johanna{width:320px;height:400px}.erin{width:350px;height:400px}.body-text{padding:35px 40px;font-size:13.5px}.nav-links{gap:30px;max-width:80%}}@media (max-width:768px){.about{margin:-40px 30px 0;font-size:.9rem}.about:before{top:-25px}h1{letter-spacing:.08em;margin:40px 0 20px;font-size:56px}h2{margin:15px 0;padding:0 40px;font-size:32px}.mm{text-align:center;flex-direction:column;gap:30px;margin:0 20px}.body-text{width:90%;margin:0 auto;padding:25px;font-size:13px;line-height:1.7}.body-text:before,.body-text:after{width:15px;height:15px}.divider{width:90%;margin:40px auto}.nav-links{gap:20px;width:95%;margin:0 auto 30px;padding:15px 0}.nav-links p{font-size:.9rem}.erin,.johanna{width:280px;height:320px;margin-top:20px}.erin{width:300px}}@media (max-width:480px){.about{letter-spacing:.05em;margin:-30px 20px 0;font-size:.8rem}.about:before{opacity:.5;top:-20px}h1{letter-spacing:.06em;margin:30px 0 15px;font-size:38px}h2{padding:0 20px;font-size:24px}.nav-links{gap:15px;padding:12px 0}.nav-links p{padding:4px 0;font-size:.8rem}.body-text{width:85%;padding:20px 18px;font-size:12px}.body-text:before,.body-text:after{border-width:1.5px;width:12px;height:12px}.divider{background:repeating-linear-gradient(to right,var(--hud-blue),var(--hud-blue)12px,transparent 12px,transparent 24px);width:95%;margin:30px auto}.mm{gap:20px;margin:0 10px}.erin,.johanna{width:220px;height:260px;margin-top:15px}.erin{width:240px}.about-header{padding:40px 15px 20px}.portfolio-banner{margin:20px 0}.divider{margin:30px auto}}@media (max-width:320px){h1{font-size:30px}h2{padding:0 15px;font-size:20px}.nav-links{gap:12px}.nav-links p{font-size:.75rem}.body-text{width:90%;padding:18px 15px}.erin,.johanna{width:180px;height:220px}.erin{width:200px}}
