@font-face {
    font-family: alkhemikal;
    src: url(fonts/alkhemikal.ttf);
}
@font-face {
    font-family: sf_comic_script;
    src: url(fonts/sf_comic_script.ttf);
}
@font-face {
    font-family: king;
    src: url(fonts/king.ttf);
}

* {
    background: black;
    color: chartreuse;
    
}

h1 {
    font-family: alkhemikal;
    font-size: xx-large;
}

li {
    font-family: sf_comic_script;
    width: 75%;
    padding-left: 10%;
    padding-right: 10%;
}

.container {
    text-align: center;
}

.select_header {
    display: flex;
    justify-content: space-between;
}

.left_dropdown{
    
}

.left_dropdown button {

}
.left_dropdown button {
    max-width: 1%;
    max-height: 1%;
}
.left_dropdown .dropdown_content {
    display: none;
    position: absolute;
    min-width: 100px;
    box-shadow: 2px 2px 5px chartreuse;
}

.left_dropdown:hover .dropdown_content {
    display: block;
}

.left_dropdown:hover button {
    background-color: black;
}

.left_dropdown a {
    display: block;
    text-decoration: none;
}

.headerbanner {
    flex-grow: 2;
} 

.right_dropdown {

}

.right_dropdown .dropdown_content {
    display: none;
    min-width: 100px;
    box-shadow: 2px 2px 5px chartreuse;
}

.right_dropdown:hover .dropdown_content {
    display: block;
}

.right_dropdown:hover button {
    background-color: black;
}

.right_dropdown a {
    display: block;
    text-decoration: none;
}

.title_header {
    display: flex;
    padding-bottom: 100px;
}

.title_banner img {
    width: 100%;
}


.body_title {
    justify-content: center;
}

.main_body .body_container .body_title {
    display: flex;
}

p {
    font-family: alkhemikal;
    padding-left: 10%;
    padding-right: 10%;
    font-size: large;
}

.class_break {
    padding-top: 25px;
}