:root {
    --rotateangle: 0deg;
    --thumbsize: 20px;
    --dark: #6b4700;
    --light: #cc8100; 
    --verylight: #ffaa00;
    --verylightxl: #ffbf3e;
    --almostwhite: #ffcc66;
    --font: Lato, Montserrat, Georgia, Times, serif;
}
html {
    font-size: 16px;
}
.main1, .main2 {
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%;
    background-image: linear-gradient(#ffcc66,#996600);
    overflow-y: auto;
    font-family: var(--font);
}
div#navbar {
    position: relative;
    z-index: 1002;
    width: 100%;
}
#navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: auto;
    background-color: #cccccc;
    background-image: radial-gradient(#b87a00,#996600)
}
#navbar li {
    display: inline;
    float: left;
}
#navbar a {
    display: block;
    width: 100px;
    height: 40px;
    text-align: center;
    align-content: center;
    padding: 10px;
    background-color: #cccccc;
    background-image: radial-gradient(#b87a00,#996600);
    text-decoration: none;
    color: #ffffff;
    font-size: 1.25rem;
    overflow: hidden;
}
#navbar a:hover {
    background-image: radial-gradient(#ffa200,#cc8100);
    background-color: var(--light);
}
#dropdown-eu4 {
    display: none;
    position: absolute;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
.dropdown:hover #dropdown-eu4 {
    display: block;
}