@charset "UTF-8";

* {
    box-sizing: border-box;
}

.flex-c-ct {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-r-ct {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.flex-c {
    display: flex;
    flex-direction: column;
}

.flex-r {
    display: flex;
    flex-direction: row;
}

.cs-total {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: ivory;
    height: 2500px;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.cs-h {
    margin: 0;
    border: 0;
    padding: 0;
    background: linear-gradient(to right,
            #CF6E60 0%,
            #C55A4C 50%,
            #CF6E60 100%);
    height: calc(10% - 25px);
    width: 100%;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px -5px rgba(197, 90, 76, 0.4);
}

.cs-b {
    margin: 0;
    border: 0;
    padding: 0;
    height: 90%;
    width: 100%;
}

.cs-s {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: bisque;
    width: 25%;
}

.cs-c {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: cornsilk;
    width: 50%;
}

.m-f-pad {
    padding: 25px;
}

.fu-vh {
    height: 100vh;
}

.fu-vw {
    width: 100vw;
}

.fu-h-pct {
    height: 100%;
}

.t-font {
    color: #FFF9E6;
    font-size: 72px;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #ffe5b446;
    font-family:
        "SimSun",
        sans-serif;
}

.m-font {
    color: #C68B5E;
    font-size: 12px;
    font-weight: 400;
    font-family:
        "SimSun",
        sans-serif;
}