html, body {

width: 100%;
height: 100%;
background: $color-background-primary;
color: $color-text-primary;
display: flex;
@include media-tablet {
    flex-direction: column;
}

}

html {

@include media-hidpi {    
    font-size: 2em;
}

}

h1 {

text-transform: uppercase;
font-size: 1.5em;

}

.bubble {

border: 1px solid black;
background: black;
border-radius: 0.5em;
padding: 0.5em;

}

main {

width: 100%;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
section {
    margin-top: 1em;
    margin-bottom: 1em;
    label {
        text-align: right;
        display: inline-block;
        min-width: 6em;
    }
    .devicons {
        margin-right: 0.25em;
        position: relative;
        top: 0.25em;
        font-size: 2em;
    }
}

}