*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#fff;font-family:Orbitron,system-ui,sans-serif;-webkit-font-smoothing:antialiased;height:100%}html{height:100%}.main-wrapper .canvas-wrapper{width:100vw;height:100vh;position:fixed;top:0;left:0}.main-wrapper .section{position:relative;height:100vh}.main-wrapper .section-content{z-index:10;position:absolute;top:50%;left:50px;transform:translateY(-50%);text-align:left;max-width:500px}.main-wrapper .section-content h1{font-size:4rem;margin-bottom:1rem}.main-wrapper .section-content h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.main-wrapper .section-content p{font-size:1.2rem;color:#b8b8c8;line-height:1.6;color:#fff;margin-bottom:1.5rem;text-shadow:5px 5px 20px rgba(255,255,255,.7)}.main-wrapper .section-content--right{left:auto;right:50px;text-align:right}@media (max-width: 768px){.main-wrapper .section-content{top:70%}}.main-wrapper .contact-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.main-wrapper .contact-list a{color:#fff;text-decoration:none;font-size:1.1rem;border-bottom:1px solid #3b3b3f;padding-bottom:.2rem;transition:border-color .2s,color .2s}.main-wrapper .contact-list a:hover{color:#6c63ff;border-color:#6c63ff}.main-wrapper .tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.main-wrapper .tech-list li{background:#16161b;border:1px solid #232327;padding:.3rem .8rem;font-size:.85rem;color:#b8b8c8}