main {
    flex: 1;
}

body {
    font-family: "Science Gothic", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0,
    "wdth" 100,
    "CTRS" 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(to bottom, #fff 0%, #fff 50%, #dc35450f 100%) no-repeat fixed;

}

.sgn-star-full {
    color: gold;
}

.sgn-star-half {
    display: inline-block;
    position: relative;
    background: linear-gradient(to right, gold 50%, rgba(0, 0, 0, 0.15) 50%);
    -webkit-background-clip: text;
    color: transparent;
}

.sgn-star-empty {
    color: rgba(0, 0, 0, 0.15);
}

.sgn-object-fit-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sgn-ratio-4x1 {
    aspect-ratio: 4 / 1!important;
}

.sgn-ratio-3x1 {
    aspect-ratio: 3 / 1!important;
}

.sgn-ratio-2x1 {
    aspect-ratio: 2 / 1!important;
}

.sgn-ratio-1x1 {
    aspect-ratio: 1 / 1!important;
}