* { margin: 0; }

html{
    background: linear-gradient(to right, #3472f8,#cb812d);
}

h1 {
    color: rgb(254, 254, 254);
    padding-top: 25px;
}

.main {
    max-width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
}


.nav-links{
    background: #000000;
    display: flex;
    height: 50px;
    position: sticky;
    justify-content: center;
    align-items: center;
    z-index: 999;
    list-style-type: none;
    margin: 0px;
    text-align: center;
}

img{
    display: block;
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.navtext a{
    text-decoration: none;
    text-align: left;
    color: #f2f1ef;
    display: inline;
    justify-content: left;
    align-items: left;
    padding: 0 2rem;
    margin: 0px;
    text-decoration: none;
}

li{
    list-style-type: none;
    display: inline;
}

p{
    margin: 10px;
    text-align: center;
}

.datetime {
    font-size: 16px;
    color:rgb(9, 9, 9);
    background: linear-gradient(to right, #3472f8,#cb812d);
}