body {
    background: url(/storage/bgs/bg10.jpg);
    background-size: 20%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.container {
    padding-bottom: 30px;
    background-color: #ffd1e7;
    margin: auto;
    margin-top: 20px;
    width: 800px;
    background-clip: padding-box;
    border-image-slice: 200;
    border-image-width: 16px 20px 20px 20px;
    border-image-outset: 15px;
    border-image-repeat: repeat;
    border-image-source: url("/storage/imageborder/laceborder2.png");
    border-style: solid;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner {
    width: 800px;
    background: url(/storage/bgs/bg14.jpg);
    background-size: 40%;
    height: 200px;
    border-image-slice: 200;
    border-image-width: 16px 20px 20px 20px;
    border-image-outset: 15px;
    border-image-repeat: repeat;
    border-image-source: url("/storage/imageborder/laceborder2.png");
    border-style: solid;
}

.maintext {
    margin-top: 20px;
    color: #8a3464;
    text-align: center;
    padding: 15px;
}

.blogpost {
    width: 700px;
    background: #fff0f7;
    border: 2px solid #ed80b4;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    color: #57203a;
    line-height: 1.6;
    text-align: left;
}

.blogpost h1 {
    text-align: center;
    color: #8a3464;
    margin-bottom: 5px;
}

.date {
    text-align: center;
    font-size: 14px;
    color: #a14d7a;
    margin-bottom: 15px;
}

.blogpost p {
    margin-bottom: 12px;
}

.cutebutton {
    padding: 10px;
    width: 120px;
    border-radius: 20px;
    background: linear-gradient(0deg, #ed80b4, #ffd1e7, #fff);
    font-family: "SakeMoru";
    border: 0px;
    color: #57203a;
    margin-top: 15px;
    cursor: pointer;
    filter: drop-shadow(0px 1px #fff) drop-shadow(0 -1px #fff) drop-shadow(1px 0 #fff) drop-shadow(-1px 0 #fff)
        drop-shadow(0px 1px #57203a) drop-shadow(0 -1px #57203a) drop-shadow(1px 0 #57203a) drop-shadow(-1px 0 #57203a);
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 15px;
}

.gallery img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #ed80b4;
    background: #fff;
    padding: 4px;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.gallery img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px #ed80b4;
}