body {
background: linear-gradient(#400050, #8000B0, #400050);
text-align:center; font-family: "Arial Black", Gadget, sans-serif; color:white;
}
.levelsBox {
margin-right:56px;
display:inline;
}
button:focus{outline:0;}
.button1{
border:3px solid #004400; margin-bottom:10px;
border-radius: 15px 5px 15px 5px;
font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-image: linear-gradient(#005500, #00aa00, #005500);
box-shadow: 10px 10px 5px #250045;
}
.button1:hover{
border:3px solid #006600; 
background-image: linear-gradient(#007700, #00dd00, #007700);
}
.button2{
border:3px solid #003dcc; margin-bottom:10px;
border-radius: 15px 5px 15px 5px;
font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-image: linear-gradient(#0055cc, #3399ff, #0055cc);
box-shadow: 10px 10px 5px #250045;
}
.button2:hover{
border:3px solid #1155dd; 
background-image: linear-gradient(#1177ee, #44aaff, #1177ee);
}
.button3{
border:3px solid #882200; margin-bottom:10px;
border-radius: 15px 5px 15px 5px;
font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-image: linear-gradient(#aa4400, #ef9900, #aa4400);
box-shadow: 10px 10px 5px #250045;
}
.button3:hover{
border:3px solid #aa6600; 
background-image: linear-gradient(#cc6600, #ffbb00, #cc6600);
}
.button4{
border:3px solid #882200; margin-bottom:5px;
border-radius: 15px 5px 15px 5px;
font-size:12px;font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-image: linear-gradient(#aa4400, #ef9900, #aa4400);
box-shadow: 10px 10px 5px #250045;
}
.button4:hover{
border:3px solid #aa6600; 
background-image: linear-gradient(#cc6600, #ffbb00, #cc6600);
}
.dropdown {
position: relative;
display: inline-block
}
.dropdown-content{
display: none;
height: 300px;
overflow-y: scroll;
position: absolute;
background: rgba(0, 0, 0, 0.8);
min-width: 100px;
bottom:100%;
font-size:12px;
font-family:arial, helvetica, sans-serif
}
.dropdown-content a{
color: white;
padding: 5px 10px;
text-decoration: none;
display: block
}
.dropdown-content a:hover{
background-color: #400050
}
.dropdown:hover .dropdown-content{
display: block
}
.video{
border:14px solid #300050
}
.header{
border:14px solid #300050
}