html {
    height: 100%;
}

body {
    height: 100%;
    background-color: #333;
    color: #fafafa;
    text-align: center;
}

form {
    display: block;
    height: 100%;
    margin: 2%;
}

button {
    display: inline-block;
}

label {
    background-image: url('//timlind.net/garaget/bricks.png');
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    color: #333;
    font-size: 5vw;
    vertical-align: middle;
    padding: 1%;
    margin: 5px 0 0 0;
}

p {
    color: #fafafa;
    display: inline-block;
    padding: 2%;
    background-color: #333;
}

button,
.button {
    margin: 5px;
    position: relative;
    border: none;
    padding: 5%;
    cursor: pointer;
    font-size: 5vw;
    background-color: #fafafa;
    width: 45%;
    height: 45%;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}

button:hover,
.button:hover,
label:hover {
    background-color: #128CDB;
}

input[type=checkbox] {
    -webkit-appearance: none;
    background-color: #fafafa;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 0 10px #fafafa, 0 0 0 15px #333;
    vertical-align: middle;
    margin: 5%;
}

input[type=checkbox]:checked {
    box-shadow: 0 0 0 10px #fafafa, 0 0 0 15px #333;
    background-color: #E3603B;
}

input[type=checkbox]:checked+label {
    background-color: #128CDB;
}

.gitkit-sign-in-button,
.gitkit-button {
    height: 75%;
    width: 75%;
    padding: 5%;
    font-size: 5vw;
}

.gitkit-user-card {
    z-index: 5;
    display: block;
    margin-left: auto;
    margin-right: auto;
}