@font-face {
    font-family: CaviarDream;
    src: url(../fonts/CaviarDreams.ttf) format('truetype');
}

@font-face {
    font-family: CaviarDreamBold;
    src: url(../fonts/CaviarDreams_Bold.ttf) format('truetype');
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: CaviarDream !important;
    width: 1080px;
    height: 1080px;
}

h1,
#day_section,
.platter_section {
    font-family: CaviarDreamBold;
}

.outer-border {
    border: 3px black solid;

}

.red-line {
    opacity: 1;
    border: 1px #d62f3c solid;
    width: 15%;
}

.red_indicator::before {
    content: '';
    display: flex;
    width: 60px;
    height: 60px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 50%;
    background-color: #d62f3c;
    position: absolute;
    z-index: -1;
    margin-left: -1.8%;
    /* margin-top: -0.2%; */
}

.red_indicator>hr {
    opacity: 1 !important;
}

.platter_wrapper {
    height: 65px;
}

.btn-tribu {
    background-color: #d62f3c !important;
    color: #fff !important;
}

.btn-outline-tribu {
    background-color: transparent;
    border-color: #d62f3c;
    color: #d62f3c;
}

.btn-outline-tribu:hover {
    background-color: #d62f3c;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .red_indicator::before {
        width: 35px;
        height: 35px;
        position: fixed;
        margin-top: 2px;
        margin-left: -13px;
    }

    #day_section {
        font-size: 20px !important;
    }

    #platter_name,
    #platter_price {
        font-size: 12px;
    }

    .platter_wrapper {
        height: 55px;
    }
}