html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

h1 {
    display: grid; place-items: center;
}

#down {
    margin-top: 5%;
    padding-bottom: 5%;
    padding: 40px;
}

#dow {
    margin-top: 5%;
    padding-bottom: 5%;
}

#do {
    margin-top: 5%;
    padding-bottom: 5%;
}

#d {
    margin-top: 5%;
    padding-bottom: 5%;
}

* {
    padding: 0;
    margin: 0;
    font-family: monospace;
}
ul {
    list-style: none;
    background: #22438C;
}
ul li {
    display: flex;
    position: relative;
}
ul li a {
    display: block;
    padding: 20px 25px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
}

ul li a:hover {
    background: #112C66;
    }

    .listt {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
    }