.startContainer {
    padding-top: 5%;
    width: 80%;
}

.startButtonContainer {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.startButton {
    border-radius: 0px;
    position: relative;
    border: 2px solid #fff;
}
.startButton:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.startButton p {
    top: 70%;
    position: absolute;
    white-space: pre-line;
    font-size: 16px;
    left: 0px;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    font-weight: normal;
    color: #fff;
}
.notImplemented {
    background-color: #B0B0B0;
    border-color:     #A0A0A0;
}
.menuCircle{
    position: absolute;
    width:40%;
    height:40%;
    border-radius:50%;
    border: 2px solid #fff;
    vertical-align: -20%;
    text-align:center;
    bottom: 40%;
    right: 30%;
}
.iconParent {
    position: relative;
    width: 100%;
    height: 100%;
}
.menuIcon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 38px;
    color: #fff;
}
@media only screen and (max-width: 450px){
    .startButton p {
        font-size: 12px;
    }
    .menuIcon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    color: #fff;
}
}