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

    box-sizing: border-box;
    
    background-color: #212121;
    color: white;
}

div {
    box-sizing: border-box;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.console {
    padding: 10px;
}

.mr {
    margin-right: 5px;
}

.mt {
    margin-top: 5px;
}

.t-red {
    color: #ff5454;
}

.textInput {
    border: 0px;
    background-color: transparent;
    color: white;

    min-width: 480px;
}

.textInput:link,
.textInput:hover,
.textInput:focus-visible,
.textInput:focus {
    box-shadow: none !important;
    border: 0 !important;
    outline: none;
}


/****
    * LINKS
****/
.link,
.link:link {
    text-decoration: none;

    color: #5454ff;
    cursor: pointer;
}

.link:hover,
.link:focus {
    text-decoration: none;
    
    color: #7979ff;
}

.button,
.button:link {
    border: 1px solid white;
    padding: 6px 12px;
    color: white;
}

.button:hover,
.button:focus,
.button.active,
.button.active:link,
.button.active:hover,
.button.active:focus {
    background-color: #2121ff;
    color: white;
}

.shell {
    color: #21bb21;
}

.command {
    font-size: bold;
    color: #21bb21;
}

/****
    * CALENDAR
****/

.calendar {
    display: flex;
    overflow: auto;
    max-width: 1200px;
    width: 100%;
}

.v-block {
    display: inline-block;

    width: 36px;
    height: auto;
}

.h-block {
    display: inline-block;
    background-color: black;

    width: 32px;
    height: 32px;

    margin-right: 4px;
    margin-bottom: 4px;
}

.h-block.active {
    background-color: pink;
}