style.css

html, body {height: 100%;width: 100%;overflow-x: hidden;}.navbar {overflow: visible;font-family: Montserrat;position: fixed;top: 0;left:0;right: 0;background:rgba(1,1,1,0.5);backdown-filter: blur(4px) ;}.navbara{ float: left;font-size: 20px;color: white;text-align: center;padding: 14px 16px;text-decoration: none;}.navbar img {float: left;text-align: center;width: 48px;padding: 0; justify-content: center;vertical-align: middle;}.downdown {float: left;overflow: hidden;}.downdown .downbtn {font-size: 20px;border: none;outline: none;color: white;padding: 14px 16px;background-color: inherit;font-family: inherit;margin: 0;}.navbar a:hover, .downdown:hover .downbtn {text-decoration: underline #ff0035;text-underline-offset: 5.5px;text-decoration-thickness: 2px;color: white;}.downdown-content{display: none;position: fixed; backdown-filter: blur(4px);background-color: rgba(1,1,1,0.5);min-width: 160px;z-index: 1;text-decoration: none;}.downdown-content a {float: none;color: white;padding: 12px 16px;text-decoration: none;display: block;text-align: left;transition-duration: 0.45s;}.downdown-content a:hover {background: #ff0035;text-decoration: none;}.downdown:hover .downdown-content {display: block;}navbar a:hover{background-color: #292929;}#joinus{float: right;}