html, body {
    margin: 0;
    padding: 0;
    background-color: black;
}





/* Font family */

@font-face {
    font-family: 'MabryPro-Medium';
    src: url('../fonts/MabryPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MabryPro-Bold';
    src: url('../fonts/MabryPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MabryPro-Light';
    src: url('../fonts/MabryPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MabryPro-Regular';
    src: url('../fonts/MabryPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TeletactileRus';
    src: url('../fonts/TeletactileRus.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/* Basic text styles font */

.naitii__h1 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 33px !important;
    text-transform: uppercase !important;
}
.naitii__h2 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 30px !important;
    letter-spacing: 0.01em !important;
}
.naitii__h3 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    line-height: 28px !important;
}
.naitii__h4 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}
.naitii__h5 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    text-transform: uppercase !important;
}
.naitii__body1 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: -0.02em !important;
}
.naitii__body2 {
    font-family: 'MabryPro-Light' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    letter-spacing: -0.01em !important;
}
.naitii__caption_text {
    font-family: 'MabryPro-Light' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0.02em !important;
}
.naitii__button1 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
}
.naitii__button2 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 16px !important;
}
.naitii__profile1 {
    font-family: 'TeletactileRus' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 100px !important;
    line-height: 100px !important;
    text-transform: uppercase !important;
}
.naitii__profile2 {
    font-family: 'TeletactileRus' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 32px !important;
    text-transform: uppercase !important;
}

.naitii__color_black_text {
    color: #07060D !important;
}
.naitii__color_white_text {
    color: #FFFFFF !important;
}
.naitii__color_gray_text {
    color: #6D6C6C !important;
}
.naitii__color_text {
    color: #857AFF !important;
}





/* MudBlazor Overrides */

/* DefaultInput.razor */
.mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled {
    padding: 6px 12px 10px !important;
}
.mud-input-adornment-start.mud-input-root-filled-shrink {
    margin-top: 0px !important;
}
.mud-icon-root.mud-svg-icon {
    fill: #9b9b9b !important;
}
.mud-typography-subtitle1 {
    font-family: 'MabryPro-Regular' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: -0.02em !important;
}