@charset "UTF-8"; @import url("../fonts/spacemono.css"); @import url("../fonts/firasans-regular.css"); html, body { background-color: white; font-family: "Space Mono", Monaco, monospace !important; } p { font-family: "Fira Sans"; } header { background-image: url("../images/ronce/illustration-ronce_1200x765px.png"); height: 100vh; width: 100vw; /* Create the parallax scrolling effect */ /* background-attachment: fixed; */ background-position: center; /* background-repeat: no-repeat; */ background-repeat: no-repeat; background-size: cover; margin-bottom: 5rem; } header > p { width: 40%; position: relative; left: 55%; bottom: -75%; text-align: right; } header > nav { background: none; position: fixed; width: 100vw; } header > p, header > nav.nav a { color: white; /* color | offset-x | offset-y | blur-radius */ text-shadow: black 0px 0px 4px; } footer { border-top: black solid 2px; margin-top: 3rem; padding-top: 2rem; }