body {
    background: linear-gradient(#ffd4e7, #fffeeb);
    font-family: 'Arial', fantasy;
}

.NenuTopLabel{
    position: absolute;
    font-size: 38px;
    gap: 18px;
    letter-spacing: 8px;
    font-family: serif;
    color: #fd98b2;
    text-shadow:
        -2px -2px 0 #fefbfc, 2px -2px 0 #fefbfc,
        -2px 2px 0 #fefbfc, 2px 2px 0 #fefbfc
}

.menuAll {
    width: 900px;
    margin: 0 auto;
}

.menu {
    width: 794px;
    height: 1123px;
    background-color: #fcf1ef;
    padding: 20px;
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .menuAll {
        transform: scale(calc(100vw/900));
    }
}

.Sweets {
    width: 48%;
    height: 67%;
    border: 1px solid #f9b6bf;
    outline-offset: 5px;
    margin-bottom: 20px;
    border-radius: 15px;
    border-spacing: 5px;
    position: relative;
}

.Sweets::after{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 20px;
    border: 2px solid #f4b4bc;
}

#list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
}

.SweetsItem {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-bottom-width: 1px 0 0 0;
    border-style: none none dashed;
    border-color: #fd80bf;
}

.SweetsItem:first-child {
    padding: 30px 0 0 0;
}

.SweetsItem:last-child {
    border-bottom: none;
}

.SweetsItem img {
    width: 120px;
    height: 72px;
    aspect-ratio: 5/3;
    object-fit: cover;
    border-radius: 10px;
}

.SweetsItem .SweetsText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}


.SweetsItem .SweetsName {
    font-size: 10px;
    font-weight: bold;
    color: #f7477B;
}

.SweetsItem .SweetsDescription {
    font-size: 8px;
    color: #593a34;
}

.SweetsItem .SweetsPrice {
    font-size: 8px;
    color: #593a34;
}

h1 {
    font-size: 40px;
    font-weight: 900;
    font-weight: bold;
    color: #fd98b2;
    text-shadow:
        -2px -2px 0 #fefbfc, 2px -2px 0 #fefbfc,
        -2px 2px 0 #fefbfc, 2px 2px 0 #fefbfc,
        -4px -4px 0 #fec2d7, 4px -4px 0 #fec2d7,
        -4px 4px 0 #fec2d7, 4px 4px 0 #fec2d7;

}

.RibbonLabelSweets {
    position: absolute;
    top: -7%;
    left: 8%;
}

.SweetsLabel {
    position: absolute;
    top: -5%;
    left: 31%;
    font-size: 24px;
    font-weight: bold;
    color: #fd98b2;
    text-shadow:
        -2px -2px 0 #fefbfc, 2px -2px 0 #fefbfc,
        -2px 2px 0 #fefbfc, 2px 2px 0 #fefbfc
}