#rest {
    position: relative;
    float: left;
    padding-top: 4.3em;
    padding-left: 270px;
/*    width: calc(100vw-120px);*/
/*    background-color: red;*/
}
#text {
    position: relative;
    float: left;
    margin: 0 auto;
/*    background-color: springgreen;*/
    clear: both;
    font-size: 6em;
    line-height: 1.25em;
}

button:focus {
    outline: 0;
}

#allButtons{
    position: fixed;
    width: 260px;
/*    width: calc(100vw - 270px);*/
    padding-left: calc(((100vw - 270px)/2) - 210px);
/*    left: calc(55% - 180px);*/
/*    margin-left: -127px;*/
    float: left;
    bottom: 6vh;
/*    background-color: black;*/
/*    background-color: yellow;*/
}

.buttons {
    position: relative;
    float: left;
    margin: 0 auto;
/*    background-color: blue;*/
}

.btn {
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
    margin: 1em;
    border: solid 1.2px black;
    border-radius: 30px;
    
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    background-color: #c4c4c4;
    background-color: transparent;
}
#btn1:hover {
    background-color: black;
    border: black;
    cursor: pointer;
}
#btn2:hover {
    background-color: black;
    cursor: pointer;
}
#btn3:hover {
    background-color: black;
    cursor: pointer;
}
#btn4:hover {
    background-color: black;
    cursor: pointer;
}
#btn5:hover {
    background-color: black;
    cursor: pointer;
}