/*LINKS*/ a:link { text-decoration: none; color: white; padding-right: 10px; } a:visited { text-decoration: none; color: inherit; } a:hover { filter:brightness(1.5) } a:active { text-decoration: none; } /* (A) FILL ENTIRE WINDOW */ body, main { width: 100vw; min-height: 100vh; } /* (B) - BACKGROUND */ body { /* (B1) REMOVE DEFAULT PAGE SPACING */ margin: 0; padding: 0; overflow: overlay; /* (B2) BACKGROUND IMAGE */ background: url("/images/background-1.jpg") center no-repeat; background-size: cover; background-attachment: fixed; } /* (C)

- STATIONARY */ #nav { z-index: 200; padding: 20px; color: white; font-size: 20px; letter-spacing: .5px; font-family: 'Urbanist'; position: fixed; } #instructions { z-index: 100; top: 35%; left: 5%; width: 250px; color: white; font-size: 15px; letter-spacing: .5px; font-family: 'Urbanist'; text-align: justify; position: absolute; overflow: auto; } @media screen and (max-width: 1100px) { #instructions { display: none; } } #industries { z-index: 100; top: 35%; right: 5%; color: white; font-size: 20px; letter-spacing: .5px; line-height: 10px; font-family: 'Urbanist'; position: absolute; overflow: auto; } @media screen and (max-width: 1100px) { #industries { display: none; } } #left { position: fixed; top: 5%; left: 0; z-index: 300; } #right { position: fixed; top: 5%; right: 0; z-index: 300; } /* (C) - STATIONARY */ html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } /* (C)

- FLOATING */ #header { z-index: 100; padding-top: 200px; color: white; letter-spacing: .5px; font-size: 35px; font-family: 'Urbanist'; display: flex; align-items: center; justify-content: center; } #icon { z-index: 100; padding-top: 75px; color: white; font-family: 'Urbanist'; display: flex; align-items: center; justify-content: center; } #icon_text { z-index: 100; padding-top: 75px; text-align: justify; color: white; font-size: 15px; letter-spacing: .5px; font-family: 'Urbanist'; display: flex; align-items: center; justify-content: center; } .titles { z-index: 100; padding-top: 100px; color: white; letter-spacing: .5px; font-size: 35px; font-family: 'Urbanist'; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; } .swapper-first { display: block; z-index: 100; text-align: justify; color: white; letter-spacing: .5px; font-size: 15px; font-family: 'Urbanist'; align-items: center; justify-content: center; height: 1000px; } .wrapper { z-index: 100; color: white; width: 100%; height: 1000px; font-family: 'Urbanist'; display: flex; align-items: center; justify-content: center; } p { width: 70%; max-width: 900px; } ul { list-style-type: none; } li::before { content: "•"; /* or use a different character */ font-size: 25px; /* Adjust the size here */ margin-right: 10px; /* Space between bullet and text */ }