@import url("https://fonts.googleapis.com/css2?family=Kanit&family=Lato&display=swap");

* {
    margin: 0px;
    box-sizing: border-box;
}

body {
    font-family: "Lato", sans-serif;
}

nav {
    background: #141e30;
    background: -webkit-linear-gradient(
        bottom,
        #65c318,
        #dfbb44
    );
    background: linear-gradient(
        to bottom,
        #65c318,
        #dfbb44
    );

    position: sticky;
    top: 0px;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
}

nav a {
padding: 30px;
font-family: "Kanit", sans-serif;
font-size: 25px;
text-decoration: none;
color: #d9dadd;
letter-spacing: 0.3px;
}

nav a:hover {
background-color: #cddae3;
transition-duration: 0.5s;
}

nav a:hover span {
color: #1d3b4f;
transition-duration: 0.5s;
}

@media screen and (max-width: 600px) {
    nav {
        flex-direction:column;
        text-align:center;
    }
    nav a {
        padding:5px;
    }
}