#vaszon{
    border:2px solid green;     
    pointer-events: none;
}

#dropdown{
    position: relative;
    display: flex;
    padding: 5%;
    flex-direction: column;
    align-items: center;
}

#list{
    display: none;
    position: absolute;
    top: 75%;
    margin-top: 2px;  
}

#list button:hover {background-color: blue;}

#content{
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
    padding: 0px;   
    
}

@keyframes float {
    from {top: 100%}
    to {top: 25%;}
}

#floater{
    position: absolute;
    width: 25%;
    height: 50%;
    top: 25%;
    left: 37.5%;
    border: 2px solid green;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 5%;
    background-color: darkgreen;
    color: black;
    animation-name: float;
    animation-duration: 1.5s; 
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    text-align: center;
}

@media only screen and (max-width: 900px){
    #floater{
        width: 35%;
        left: 32.5%;
    }
}
@media only screen and (max-width: 650px){
    #floater{
        width: 42%;
        left: 29%;
    }
}
@media only screen and (max-width: 550px){
    #floater{
        width: 47%;
        left: 26.5%;
    }
}
@media only screen and (max-width: 450px){
    #floater{
        width: 55%;
        left: 22.5%;
    }
}

#help{
    position: absolute;
    z-index: 1000;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

#scoreholder{
    text-align: center;
}

h1{
    text-align: center;
    font-size:x-large;
}

body{
    background-color:#121212;
    color: green;
    font-family: "Silkscreen", sans-serif;
    font-size: x-large;
    overflow: hidden;
}

#startbtn, #dropbtn{
    padding: 5%;
}

button{
    background-color: cadetblue;
    border-radius: 11%;
    margin: 0;
    font-family: "Silkscreen", sans-serif;
    font-size: large;    
}