@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

body {
    background-color: #111114;
    color: white;
    font-family: "Instrument Sans", sans-serif;
    font-size: 2vh;
    height: 100vh;
    padding: 0;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

h1.big {
    font-size: 3em;
}

.tm_big {
    margin-top: 4em;
}
.tm_mid {
    margin-top: 2em;
}
.tm_no {
    margin-top: 0;
}
.bm_no {
    margin-bottom: 0;
}

p.big {
    font-size: 1.2em;
}
p.secondary {
    color: #b9b9b9;
}

a {
    color: rgb(65, 153, 224);
    font-weight: 600;
    text-decoration: none;
}

a[href]:hover:not(:has(> p)) {
    text-decoration: underline dotted;
}

a[href]:hover > p {
    text-decoration: underline dotted;
}

main {
    padding: 0vh 8vw 5vh 8vw;
}

.title {
    font-size: 4em;
    display: flex;
    flex-direction: row;
    margin-bottom: 1.5em;
    font-family: "Roboto Mono";
    flex-wrap: wrap;
}

.title p {
    width: 0.8em;
    cursor: pointer;
    margin-bottom: -1.2em;
}

.title p:hover {
    text-transform: uppercase;
}

div.alert {
    border-radius: 0.8vh;
    border: solid 2px;
    padding: 1em 1em;
    background-color: rgba(255, 255, 255, 0.075);
    border-color: rgba(231, 231, 231, 0.801);
    margin-bottom: 1em;
}

div.alert > h1 {
    margin-top: 0;
    font-size: 1.2em;
    margin-bottom: 0.3em;
}

div.alert > div {
    font-size: 0.85em;
    margin-bottom: 0;
}

div.alert > div *:last-child {
    margin-bottom: 0;
}

div.alert.danger { background-color: rgba(167, 19, 0, 0.192); border-color: rgba(172, 69, 56, 0.801); }
div.alert.danger h1 { color: rgb(221, 95, 95); }

div.alert.warn { background-color: rgba(167, 89, 0, 0.192); border-color: rgba(185, 96, 12, 0.801); }
div.alert.warn h1 { color: rgb(197, 107, 34); }

div.alert.info { background-color: rgba(0, 100, 167, 0.192); border-color: rgba(6, 123, 158, 0.801); }
div.alert.info h1 { color: rgba(33, 186, 224, 0.849); }

hr {
    border-color: #535353;
    width: 100%;
    margin-left: 0;
}