video { object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; } html, body { height: 100%; } html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 150%; line-height: 1.4; } body { margin: 0; } .viewport-header { position: relative; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; } h1 { font-family: "Syncopate", sans-serif; color: white; text-transform: uppercase; letter-spacing: 3vw; line-height: 1.2; font-size: 3vw; text-align: center; } h1 span { display: block; font-size: 10vw; letter-spacing: -1.3vw; } main { background: rgba(0, 0, 0, 0.66); color: white; position: relative; padding: 1rem; } main p { max-width: 600px; margin: 1rem auto; } main p span { color: #FF7F00; } main ul { max-width: 600px; margin: 1rem auto; list-style-type: none; } main ul span { color: #FF7F00; } /* KNOPPEN */ .btnStdSmall { position: fixed; top: 5px; font-size: 24px; background-color: orange; color: black; border-radius: 50px; height: auto; width: 250px; margin: 0 auto; padding: 20px; text-align: center; text-decoration: none; font-weight: bold; } .btnStdSmall2 { font-size: 24px; background-color: purple; color: white; border-radius: 30px; height: auto; width: 100%; margin: 30px 25px; padding: 10px 80px; text-align: center; text-decoration: none; font-weight: bold; } .space { margin: 60px auto; }