* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}html, body {height: 100%;width: 100%;}header {width: 100%;background-color: #e0bdf7;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-shadow: 0 6px 6px #999999;box-shadow: 0 6px 6px #999999;color: #242323;z-index: 9999;}header>nav {height: 60px;width: 97%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}header>nav #brand {display: -webkit-box;display: -ms-flexbox;display: flex;width: 250px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 15px;position: relative;}header>nav #brand img {height: 40px;border-radius: 30%;position: relative;}header>nav #brand h1 {border-radius: 30%;font-size: 20px;}#menu {position: absolute;top: 60px;right: 0;width: 270px;background-color: #e0bdf7;border-bottom-left-radius: 20px;overflow: hidden;display: none;z-index: 999;}#menu ul {list-style: none;margin-top: 20px;}#menu ul li a {text-decoration: none;font-size: 18px;background: -o-linear-gradient(45deg, red, blue);background: linear-gradient(45deg, red, blue);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}#menu ul li a:hover {background: -o-linear-gradient(45deg, blue, green, red);background: linear-gradient(45deg, blue, green, red);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}#menu ul li {padding: 8px 30px;}#myDesc {font-size: 23px;font-weight: 500;text-align: center;padding: 20px 0;width: 100%;background: #b0ffff;}#myDesc span {background: -o-linear-gradient(225deg, red, blue);background: linear-gradient(225deg, red, blue);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}nav #list-opener button {height: 40px;width: 40px;outline: none;border: none;border-radius: 6px;background-color: hotpink;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}nav #list-opener button i {font-weight: 700;font-size: 22px;}nav #list-opener button:hover {border-radius: 40%;}