button.header {
    font-family: "Rubik", sans-serif;
    font-size: 500%;
    border-radius: 0%;
    border: 0%;
    color:green;
    background: transparent;
    border-color: transparent;
    transition: all 0.25s ease-out;
}
div.top {
    border: 10px solid green;
    background-color: lawngreen;
    position:absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    margin-left: 100px;
    margin-right: 100px;
    transition: all 0.25s ease-out;
}
div.top:hover {
    filter: brightness(75%);
    transform:scale(105%)
}
html {
    background-color:rgb(65, 65, 65);
}
.links {
    border:10px solid rgb(55, 55, 55);
    margin: 0px;
    margin-bottom: 10px;
    padding-left: 15%;
    padding-right: 15%;
    color: rgb(55, 55, 55);
    font-family: "Rubik", sans-serif;
    font-size: 200%;
    background-color: rgb(65, 65, 65);
    transition: filter 0.25s ease-out, transform 0.25s ease-out;
    display: inline-block
    
}
.links:hover {
    filter: brightness(75%);
    transform:scale(105%);
}
.buttons {
    border:10px solid rgb(55, 55, 55);
    margin: 10px;
    color: rgb(55, 55, 55);
    font-family: "Rubik", sans-serif;
    font-size: 200%;
    background-color: rgb(65, 65, 65);
    transition: filter 0.25s ease-out, transform 0.25s ease-out;
    display: inline-block
}

img.buttons {
    margin: 0%;
    padding: 0%;
    display: block;
}
.buttonse {
    border:10px solid rgb(55, 55, 55);
    margin: 10px;
    color: rgb(55, 55, 55);
    font-family: "Rubik", sans-serif;
    font-size: 200%;
    background-color: rgb(65, 65, 65);
    transition: filter 0.25s ease-out, transform 0.25s ease-out;
}
button.buttons:hover {
    filter: brightness(75%);
    transform:scale(105%);
}
iframe.buttonse {
    width: 70%;
    height: 500px;
    margin: 0px;
}