@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/* ::selection{
    color: rgb(255, 255, 255);
    background-color: #1626FF;
    border-radius: 5px;
} */

:root{
    /* --background: #1B1B1B; */
    --background: #101010;
    --mousex: 50%;
    --mousey: 0%;
    --mousedegx: 0deg;
    --mousedegy: 0deg;
}

body{
    /* padding: 20px 5% 20px 5%; */
    height: 90vh
}

html {
    background-color: var(--background);
    font-family: Jost;
}

/* Toolbar buttons */
.toolbar-btn {
    border-radius: 100%;
    width: 13px;
    height: 13px;
    margin-left: 8px;
}

.bg-red {
    background-color: rgb(255, 69, 58);
}

.bg-yellow {
    background-color: rgb(255, 214, 10);
}

.bg-green {
    background-color: rgb(48, 209, 88);
}

.window-content {
    /* background-color: antiquewhite; */
    padding: 15px;
    font-size: 15px;
    overflow-wrap: anywhere;
    overflow-y: auto;
    color: rgb(9, 0, 29);
}

.window-content span {
    font-weight: 500;
    font-size: 34px;
    background: #1626FF;
    background: radial-gradient(1200px, #34BEA0 21%, #39B5D8 100%);
    background-clip: text;
    color: transparent;
}

span.window-title {
    font-size: 46px;
}

.flex-item:nth-child(1) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: flex-start;
    order: 0;
} 
.flex-item:nth-child(2) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: center;
    order: 0;
}