@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Montserrat:wght@600&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.875rem, 0.4vw + 0.75rem, 1.125rem);
}

li {
    list-style: none;
}

button {
    font-family: inherit;
    border: none;
    background-color: transparent;
    width: fit-content;
    flex-shrink: 0;
}

input {
    font-family: inherit;
    border: none;
    background-color: transparent;
    width: fit-content;
    outline: none;
    flex-shrink: 0;
}

iframe {
    border: none;
}

.text-11 { font-size: 0.6875rem; }
.text-12 { font-size: 0.75rem; }
.text-13 { font-size: 0.8125rem; }
.text-14 { font-size: 0.875rem; }
.text-20 { font-size: 1.25rem; } 
.text-40 { font-size: 2.5rem; }

.top {
    background-color: rgb(36, 50, 65);
    outline-width: 1.5px;
    outline-style: solid;
    outline-color: rgb(88, 123, 160);
}

.brick {
    background-color: rgb(25, 25, 25);
    outline-color: rgb(30,30,30)
}

.border {
    outline-width: 1.5px;
    outline-style: solid;
}

.side {
    background-color: rgb(36, 36, 36);
    outline-color: rgb(40,40,40)
}

.bar {
    border-radius: 10px;
}

.vline {
    height: 1px;
    border-radius: 10px;
    background-color: rgb(70,70,70);
}

.hline {
    width: 1px;
    border-radius: 10px;
    background-color: rgb(70,70,70);
}

.spanlinks {
    color: rgb(101, 108, 110);
    font-size: 12px;
}

.position {
    position: relative;
}

.sanitise {
    margin-left: 0px;
    top: 0px;
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar-track {
    background: rgb(41, 41, 41);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgb(231, 231, 231);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(191, 223, 255);
}