@font-face {
    font-family: InterRegular;
    src: url("/fonts/Inter_18pt-Regular.ttf") format("truetype");
}

@font-face {
    font-family: InterSamiBold;
    src: url("/fonts/Inter_18pt-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: RelewayMedium;
    src: url("/fonts/Raleway-Medium.ttf") format("truetype");
}

@font-face {
    font-family: RelewaySamiBold;
    src: url("/fonts/Raleway-SemiBold.ttf") format("truetype");
}

:root {
    --color-active: #FF8A00FF;
    --color-bg: #7B3B01;
    --color-rgb-one: #F9B11F;
    --color-rgb-two: #F45925;
    --color-black: #0A0A0A;
    --color-pre-headers: #A3A3A3;
    --color-headers: #E5E5E5;
    --color-paragraphs: rgba(212, 212, 212, 80%);
    --color-footer: #474747;
    --icon-width: 1.5vh;
    --icon-height: 1.5vh;
    --color-block-baground: #171717;
    --color-block-shadow: 0px 0px 0px 2px rgb(38 38 38 / 74%);
}

* {
    margin: 0;
    padding: 0;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.03s ease-in-out;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overscroll-behavior: none !important;
    overscroll-behavior-y: none !important;
}

*.unselectable {
    pointer-events: none;
}

body {
    width: 100vw;
    font-size: 105%;
    max-width: 100vw;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--color-paragraphs);
    background-color: var(--color-black);
    font-family: RelewayMedium, sans-serif !important;
}

a {
    text-decoration: unset;
    color: unset;
}

::-webkit-scrollbar {
    width: 0;
}

::-webkit-scrollbar-track {
    background: unset;
}

::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 0;
    background: unset;
}

.blur-1, .blur-2, .blur-3 {
    position: fixed;
    border-radius: 552px;
    filter: blur(500px);
    background: var(--color-bg);
}

.blur-1 {
    top: -550px;
    left: -550px;
    width: 552px;
    height: 552px;
}

.blur-2 {
    bottom: -550px;
    left: -550px;
    width: 552px;
    height: 552px;
}

.blur-3 {
    bottom: 50vh;
    right: -550px;
    width: 552px;
    height: 552px;
}

.no-scale {
    animation: unset;
    animation-fill-mode: unset;
}

.no-scale:hover {
    transform: unset !important;
}

.a {
    text-decoration: underline;
    font-family: InterSamiBold, sans-serif !important;
    cursor: pointer;
}