:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.nav{position:fixed;top:-120%;width:100%;height:100vh;background:#efefef;z-index:100;color:#333;text-align:center;transition:.5s}.nav h1{position:absolute;top:10px;right:80px;cursor:pointer;margin-top:.4em;margin-left:.4em}.nav ul{list-style-type:none;font-size:3.3em;cursor:pointer;margin:1em auto}.nav ul li{margin-bottom:.5em}.logo{width:40%;height:auto}.sec-1-img{width:100%;height:500px}.about{font-size:1.2em}.my-bg-dark{background:transparent}.hero{background:url(/_next/static/media/pexels-sevenstormphotography-443383.fe434a0e.jpg);background-size:cover;height:100vh}.hero-about{background:url(/_next/static/media/pexels-expect-best-79873-323705.2026eca6.jpg);background-size:cover;height:50vh}.hero-top-layer{background:rgba(0,0,0,.7);height:100vh}.hero-top-layer-about{background:rgba(0,0,0,.7);height:50vh}.sec-1{padding:10em 4em}.nmb-3{margin-bottom:8px}.my-icon{max-width:100%}.footer{padding:4em}.hr{height:1px;width:100%;background:#fff}.portlio{max-width:107%;height:auto;cursor:pointer}.contact-card{padding:4m}.contact-icon{font-size:3em}.logo-footer{width:30%;height:auto}.footer-ul{list-style-type:none}.footer-icon{width:10%}.footer-about{width:60%}.overlay{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100vh;z-index:2500}.myModal{width:50%;height:auto;background:#fff;padding:2em;margin:2em auto;color:#000}.pointer{cursor:pointer}@media screen and (max-width:800px){.logo{width:100%;height:auto}.sec-1-img{width:100%;height:250px}.sec-1{padding:5em 2em}.footer-about{width:100%}.logo-footer{width:100%;height:auto;margin-bottom:2em}.myModal{width:80%;height:auto}}