#main {
    float: left;
    margin: 0px;
    width: 100%;
}

.centeredLeft {
    position: fixed;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, 0%);
}

.centered {
    position: fixed;
    left: 50%;
    top: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.translateLeft50 {
    /* bring your own prefixes */
    transform: translate(-50%, -0%);
}

.button3 {
    display: inline-block;
    padding: 0.3em 1.2em;
    margin: 0 0.3em 0.3em 0;
    border-radius: 2em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #4eb5f1;
    text-align: center;
    /*transition: all 0.2s;*/
    font-size: x-large;
}

.button3:hover {
    background-color: #4095c6;
}

.button3[disabled=true] {
    background-color: #409596;
}

@media all and (max-width: 30em) {
    .button3 {
        display: block;
        margin: 0.2em auto;
    }
}

input[type="checkbox"] {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    margin: 20px;
}