@import 'imports.css';

* {
    margin:      0;
    padding:     0;
    outline:     none;
    font-family: 'Roboto', Arial, sans-serif;
    font-size:   1em;
    position:    relative;
}

html {
    height: 100%;
}

body {
    line-height:     150%;
    background:      #FFF;
    height:          100vh;
    position:        relative;
    padding:         0 1em;
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-direction:  column;
}

img {
    width:         100%;
    max-width:     230px;
    margin-bottom: 2em;
}

.borderBox {
    position:      relative;
    border:        1px solid #DDD;
    width:         auto;
    max-width:     500px;
    height:        auto;
    border-radius: 5px;
}

.borderBoxHeadline {
    position:       relative;
    z-index:        1;
    padding:        10px 20px;
    height:         auto;
    border-bottom:  1px solid #DDD;
    background:     #EEE;
    text-transform: uppercase;
}

.borderBoxHeadline h1 {
    margin:      0;
    padding:     5px 0 2px 0;
    font-weight: normal;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size:   1.6em;
    color:       #6D6E70;
}

.borderBoxContent {
    position:      relative;
    z-index:       2;
    border-radius: 0 0 5px 5px;
    padding:       20px;
    background:    #FFF;
    color:         #888;
}