body {
    font-family: Archivo, sans-serif;
    font-size: 1.15em;
    padding-top: 5px;
}

a {
    font-weight: 700;
    color: rgb(83, 83, 255);
    text-decoration-line: none;
}

p {
    margin-bottom: 1px;
}

hr {
    margin-top: 7px;
}

title {
    font-size: 1.2em;
}

.btn {
    margin-bottom: 4px;
}

.code-large {
    font-family: 'Sometype Mono';
    font-size: 6.5em;
    font-weight: 700;
    margin-top: -60px;
    margin-bottom: -30px;
}

.code-small {
    font-family: 'Sometype Mono';
    font-weight: 700;
}

.main-header {
    margin-bottom: -22px;
    font-size: 1.8em;
    font-weight: 900;
    text-transform: uppercase;
}

.header-info {
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: 15px;
}

.font-small {
    font-size: 0.9em;
}

.font-medium {
    font-size: 1.0em;
}

.font-large {
    font-size: 1.1em;
}

.strong {
    font-weight: 700;
}

.row, .mb-3, .mb-9 {
    padding-top: 0px;
    padding-bottom: 1px;
    margin-bottom: 0!important;
}

.row-shade {
    background-color: rgb(228, 228, 228);
}

.row-noshade {
    background-color: white;
}

.row-black-inverted {
    margin-top: 12px;
    background-color: black;
    color: white;
}

.row-white-inverted {
    background-color: white;
    color: black;
}

.row-shade, .row-noshade {
    padding-top: 0px;
    padding-bottom: 1px;
    margin-bottom: 0 !important;
}

.row-task-description {
    margin-top: 12px;
}

.info {
    width: 100%;
    height: 150px;
    padding: 10px 15px;
}

.row-header {
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 16px;
}

.dropdown {
    padding: 6px 5px;
}

.align-right {
    text-align: right;
}

.input-text {
    width: 100%;
    max-width: 500px;
    font-size: 1em;
}

.warning {
    color: red;
}

.clean {
    color: black;
    font-weight: 300;
}

.indent {
    padding-left: 25px;
}

.indent-shade {
    background-color: lightslategray;
    color: white;
}

.indent-shade-neutral {
    background-color: rgb(185, 231, 246);
}

.indent-shade-yes {
    background-color: rgb(195, 231, 195);
}

.indent-shade-no {
    background-color: rgb(227, 201, 201);
}

.shift-register {
    color: white;
}

.shift-edit {
    color: black;
}