* {
    padding: 0; 
    margin: 0
}

#background {
    top: 0%;
    width:100%;
    height:100%;
    position:absolute;
    background-color: black;
    z-index: -1;
}

#avatarImg {
    height:32px;
}

#content {
    width:100%;
    height:90%;
    position:absolute;
}

#topbar {
    top: 0%;
    width:100%;
    height:10%;
    position:absolute;
    z-index: 1;
}

h1, h2, h3, h4, h5 {
    color:white;
}

.menuButton {
    color: #9c27b0BB;
    background-color: #00000066;
    text-shadow: 0px 8px 16px 0px #673AB7;
    font-size: 40px;
    padding: 6px;
    border: none;
    z-index: 2;
    cursor: pointer;
}

.menuButton:hover, .menuLink:hover {
    color: #9c27b0;
    text-shadow: 0px 8px 16px 0px #673AB7;
    background-color: #000000FF;
}


#profile {
    right:0px;
    position: absolute;
    padding: 0px, 16px;
}


/* Drop down code
from https://www.w3schools.com/howto/howto_css_dropdown.asp */

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #00000000;
    min-width: 130px; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content .menuLink {
    color: #9c27b0BB;
    background-color: #000000DD;
    text-shadow: 0px 8px 16px 0px #673AB7;
    padding: 12px;
    font-size: 140%;
    text-decoration: none;
    display: block;
}
.dropdown-content .menuLink2 {
    color: #9c27b0BB;
    text-shadow: 0px 8px 16px 0px #673AB7;
    padding: 12px;
    font-size: 80%;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */
.dropdown-content .menuLink:hover, .dropdown-content .menuLink2:hover {
    background-color: #000000FF;
    border-color: #9c27b0BB;
    border-style: solid;
    border-width: 1px;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    color: #9c27b0FF;
    text-shadow: 0px 8px 16px 0px #673AB7;
    background-color: #00000066;
}