@font-face { font-family: Comfortaa; src: url(./fonts/Comfortaa-Regular.ttf); font-weight: normal; } @font-face { font-family: Comfortaa; src: url(./fonts/Comfortaa-Light.ttf); font-weight: lighter; } @font-face { font-family: Comfortaa; src: url(./fonts/Comfortaa-Bold.ttf); font-weight: bold; } #header-bar { height: 10%; width: 100%; background-color: rgb(208, 208, 208); } #header-title { width: 30%; padding-left: 20px; font-size: 25px; } #logo { height: 60px; } #navigation { width: 70%; padding-right: 20px !important; } .big-title { font-family: Comfortaa; font-weight: bold; font-size: 60px; } .nav-sep { position: relative; left: 10px; top: 6px; padding-left: 20px; border-left: 2px solid #232323; height: 30px; } .nav-item { padding: 5px; font-size: 20px; } .nav-item a { color: #232323; text-decoration: none; } .nav-item a:hover { color: rgb(57, 163, 225); text-decoration: none; } body { background-color: rgb(242, 242, 242); }