body {
    font-family: 'Rubik', sans-serif;
}
a {
    color: #084298;
}

.back {
    background: #e2e2e2;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}


.div-center {
    width: 400px;
    height: 400px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 1em 2em;
    border-bottom: 0.2em solid #ccc;
    display: table;
}

div.content {
    display: table-cell;
    vertical-align: middle;
}

label {
    margin: .3em;
}

input {
    margin: .3em;
}

button {
    margin: .3em;
}

h4 {
    text-align: center;
}

.unselectable {
/* If you want to implement it in very old browser-versions */
-webkit-user-select: none; /* Chrome/Safari */ 
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* The rule below is not implemented in browsers yet */
-o-user-select: none;

/* The rule below is implemented in most browsers by now */
user-select: none;
}