.main{background-image:url(/assets/hero-DRfUBdGz.jpg);background-position:top;background-repeat:no-repeat;position:relative;height:100vh;width:100%;z-index:1}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:auto}body{height:100%}.hero-image{height:100vh;background-image:linear-gradient(#0000004d,#0000004d);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:0}.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.hero-text h1{font-size:50px;color:#fff}.hero-text p{font-size:30px;color:#fff}.solid-seperator{border-top:1px solid rgb(255,255,255);border-radius:1px}.arrow{z-index:1;text-align:center;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;height:2.5vw;width:2.5vw;border-style:solid;border-color:#fff;border-width:0px 2px 2px 0px;transform:rotate(45deg);transition:border-width .15s ease-in-out}.arrow:hover{border-bottom-width:4px;border-right-width:4px}.arrow button{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer}@media all and (max-width: 550px){.arrow{left:45%;height:15vw;width:15vw;border-width:0px 4px 4px 0px}.arrow:hover{border-bottom-width:4px;border-right-width:4px}}.footer-container{width:100%;height:75px;background-color:#141414;padding-top:1px}.footer-container p{text-align:center}.footer-container a{text-decoration:none;color:#ffffffde;cursor:help}.my-work-container{margin-top:25px;margin-bottom:25px}.my-work-container h1{text-align:center}.gallery-container{margin:5%}.navbar{position:fixed;top:0;width:100%;min-height:14vh;transition:background-color 1.5s,min-height .75s;background-color:#0000;z-index:999}@media all and (max-width: 550px){.navbar{transition:background-color .5s}}nav{width:100%;display:flex;justify-content:space-around;align-items:center;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.navbar--visible{background-color:#1b1b1b;min-height:10vh}nav .name{font-size:22px;font-weight:700;text-transform:uppercase}nav .logo{display:block;width:22px}nav .logo img{width:80px}nav .nav-links{display:flex;justify-content:space-around;background-color:transparent;width:32%;padding:0;z-index:99}nav .nav-links a{font-size:18px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;cursor:pointer;color:#fff;padding:0}nav .nav-links a:hover{border-bottom:1px solid #fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}