@font-face { font-family: "visitor"; src: url("https://marcelrobeer.github.io/visitor1.ttf"); } 
#header { z-index: 1000; position: fixed; top: 0; left: 0; width: min(100%, 100vw); height: 4rem; background-color: #0d0d0d; border-bottom: 1px solid #090909; color: #fff; }
#header #logo { position: fixed; left: 2rem; top: 0; font-family: "visitor"; line-height: 4rem; font-size: 3rem; }
#header #logo, #header #logo:visited, #header #logo:active, #header #logo:hover { text-decoration: none; color: #FF4E4E; }
#header nav { float: right; }
#header nav ul { list-style-type: none; padding: 0; margin: 0; }
#header nav ul li { float: left; }
#header nav ul li a { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; display: block; padding: 0 1.2rem; text-align: center; line-height: 4rem; }
#header nav ul li a, #header nav ul li a:hover, #header nav ul li a:visited { color: #dfdee5; text-decoration: none; }
#header nav ul li a:hover { color: #fff; text-decoration: none; }
.scroll-bar { height: 5px; width: 5px; transition: width 0.05s; background-color: rgb(255, 78, 78); position: fixed; z-index: 1001; top: calc(4rem - 5px); }