@font-face {
    font-family: Din Light;
    src: url('../fonts/din-light.eot?&04bdb4ae82af#iefix') format("embedded-opentype"), url('/static/fonts/din-light.ttf?04bdb4ae82af') format("truetype");
}

html {
    height: 100%;
}

body {
    height: 100%;
    background: linear-gradient(to right, #00befa, #0072a3);
    background: linear-gradient(to right, #0069a5, #004070);
    font-family: "Din Light";
}

#logo {
    position: absolute;
    top: 30px;
    left: 30px;
}

#logo img {
    max-width: 300px;
}

.content-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-60%) translateX(-50%);
    width: 600px;
    max-width: 90%;
    border-radius: 0;
    color: #fff;
}

.content-main a {
    color: #fff;
}

.panel-heading h1 {
    font-size: 24px;
    margin: 0;
}

.form-control {
    border-radius: 3px;
    border: 1px solid #666;
    outline: none;
    box-shadow: none;
    transition: .25s all;
}

.btn {
    transition: .25s all;
}

.help-block ul {
    color: #f8f8f8;
    list-style: none;
    margin: 0;
    padding: 15px;
    background-color: #004070;
    border-radius: 3px;
}