.cubeButton {
    z-index: 2;
    float: left;
    width: 11rem;
    cursor: pointer;
    position: absolute;
}

@media only screen and (max-device-width: 768px) {
    /* Styles */
    .cubeButton {
        width: 7rem;
    }
}

#cube-container { z-index: 1; }

.cube .sticker.red		{background: #fe1535;}
.cube .sticker.whitee 	{background: #efebec;}
.cube .sticker.blue     {background: #3bbedc;}
.cube .sticker.green	{background: #59da28;}
.cube .sticker.orange 	{background: #ff6016;}
.cube .sticker.yellow 	{background: #f1fb00;}

.cube .sticker.stickerLogo {
    background-image: url(../media/cupLogo.svg);
    background-size: 100% 100%;
    background-repeat: none;
}

#algorithmInput {
    color: white;
    width: 350px;
    height: 45px;
    font-size: medium;
    padding: 0px 10px;
    font-family: "Rubik";
    border: 1.5px solid gray;
    background: transparent;
}

footer {
    z-index: 2;
    float: left;
    width: 100%;
    height: 50px;
    
    left: 0;
    bottom: 0;
    cursor: pointer;
    position: absolute;
    text-align: center;
}