:root, :host {
    --logicall-blue: #23285e;
    --logicall-blue-80: #494573;
    --logicall-blue-60: #716a91;
    --logicall-blue-40: #9d96b2;
    --logicall-blue-20: #cdc8d9;
    --logicall-blue-10: #e5e3ec;

    --logicall-black: #171717;
    --logicall-white: #ffffff;
    --logicall-grey: #ededed;
    --logicall-red: #de1b51;
}

body, html {
    margin: 0;
    padding: 0;
}

.header {
    font-family: Arial, sans-serif;
    font-size: 2em;
    background-color: var(--logicall-blue);
    color: var(--logicall-grey);
    text-align: center;
    padding: 10px;
}

.container {
    display: flex;
    justify-content: center;
    margin-top: 5vh;
}

.content {
    display: inline;
    justify-content: center;
    flex-flow: column;
    width: 512px;
}

.logo {
    float: left;
    height: 36px;
}

.env {
    padding: 8px 0;
    font-size: 60%;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--logicall-blue-40);
    float: right;
}

h1 {
    font-family: Arial, sans-serif;
    font-weight: bolder;
    text-align: center;
}