@font-face {
    font-family: MarginDemo;
    src: url(fonts/MarginDemo-7B6ZE.otf);
}

/*@font-face {
    font-family: 'MarginDemo';
    src: url('fonts/MarginDemo-7B6ZE.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
} */

.HeadingText {
    
    font-weight: bolder;
    color: #FFF;
    background-color: #3B1353;
}
:root {
    --mud-appbar-height: 96px !important;
}


.ExlamationText {
    font-weight: bold;
    color: #ed175e;
}

.Kyyte-Text-Primary-Background {
    color: #FFF;
    background-color: #3B1353;
}

.Kyyte-Heading-Big {
    font-family: MarginDemo, sans-serif;
    font-size: 5em;
    font-weight: normal;
    color: #3B1353;

}

.Kyyte-Heading-Big-White {
    font-family: MarginDemo, sans-serif;
    font-size: 4em;
    font-weight: normal;
    color: #fff;
    background-color: #3B1353;
}
.Kyyte-Heading-Medium-White {
    font-family: MarginDemo, sans-serif;
    font-size: 3em;
    font-weight: normal;
    color: #fff;
    background-color: #3B1353;
}
.Kyyte-Primary-Border {
    border-color: #3B1353;
}

#tileButton:hover {
    background-color: #ed175e;
}

.kyyte-font2 {
    font-family: MarginDemo, Poppins, sans-serif;
}