html{ scroll-behavior: smooth; } *{ margin: 0px; border: 0px; /* box-sizing: border-box; */ } body{ height: 100vh; background-image: url(Problem_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; } .nav{ display: flex; justify-content: space-between; align-items: center; height: 5rem; color: rgb(250, 249, 248); backdrop-filter: blur(15px); padding-left: 50px; padding-right: 50px; } .menu{ height: 74vh; width: 15rem; border: 2px dotted rgb(246, 255, 0); position: fixed; top: 105px; left: 15px; border-radius: 10px; padding: 25px 10px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; } .op1{ height: 35px; width: 100%; margin-top: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; } .op1 :hover{ margin-left: 10px; color: aqua; } p{ font-size: 30px; font-weight: 600; text-decoration: dotted; } .main{ height: 80vh; padding: 1rem; backdrop-filter: blur(25px); margin-left: 20rem; margin-right: 20rem; width: auto; font-size: 19px; color: white; /* border: 2px solid yellow; */ border-radius: 9px; margin-bottom: 80px; overflow-y: scroll; border: 2px; border-style: solid; border-color: yellow; } ::-webkit-scrollbar{ width: 1rem; border-radius: 5px; } ::-webkit-scrollbar-track{ background-color: #fff; border-radius: 15px; } ::-webkit-scrollbar-thumb{ background: linear-gradient(violet,blue,yellow,indigo,green,orange,red); border-radius: 10px; background-clip: content-box; } .back{ color: white; font-size: 50px; padding-left: 50px; padding-top: 50px; } .back :hover{ font-size: 60px; color: chocolate; } a{ color: white; text-decoration: none; } li :hover{ padding-left: 15px; font-size: 22px; color: rgb(228, 233, 135); }