body {
    background-color: rgba(0, 127, 0, .25);
    margin: 0;
    cursor: default;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
}

html {
    scroll-behavior: smooth;
}

#content {
    width: 75%;
    padding: 10px;
    margin: 10px;
    background-color: white;
    margin: auto;
    border: 1px solid lightgrey ;
    border-radius:5px ;
}

#content img {
    width:99% ;
}

nav {
    width: 100%;
    height: 100px;
    border-bottom: 3px solid green ;
    background-image: linear-gradient(blue, darkblue);
    position: fixed;
    box-shadow: 5px 5px 10px black ;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

nav a, .dropbtn {
    background-color: transparent;
    border: none;
    color: white;
    text-decoration: none;
    font-size: 1rem;
    text-shadow: 0 2px black ;
    padding: 10px;
    border-radius: 5px;
    transition: 0.5s;
}

.dropbtn {
    cursor: not-allowed;
    border-radius: 5px 5px 5px 0 ;
}

nav a:hover, .dropbtn:hover {
    background-color: white;
    border: 1px solid lightgrey ;
    color: black;
    text-shadow: none;
}

.dropdownContent a {
    display: block;
    color: darkblue;
    text-shadow: 0 2px white ;
}

.dropdownContent {
    z-index: 100;
    background-image: linear-gradient(lightgrey, grey);
    border-radius: 0 5px 5px 5px ;
    display: none;
}

.dropdownContent a:hover {
    background-color: transparent;
    border: none;
    color: lightblue;
    text-shadow: 0 2px white ;
}

#content a {
    color: green;
    text-decoration: none;
}

#content a:hover {
    text-decoration: underline 1px solid black ;
    color: black;
}

#new {
    color: white;
    background-image: linear-gradient(blue, darkblue);
    padding: 10px;
    text-decoration: none;
    border: 2px outset black ;
    border-radius: 50px ;
}

new:hover {
    color: white;
    text-decoration: none;
}