body {
        background-image: url(tile\ backgroundO.jpg);
        font-family: 'Pixelify Sans', sans-serif;
        text-align: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .title {
        color: #b872f9;
        -webkit-text-stroke: 0.5px #592887;
        text-align: center;
        font-size: 150px;
        text-shadow: 8px 8px 0px rgb(0, 0, 0);
    }

    .exit_butt {
        background-repeat: no-repeat;
        background-image: url(exit_button.png);
        background-position: center;
        background-size: contain;
        display: inline-block;
        scale: 2;
        width: 128px;
        height: 64px;
        box-shadow: 5px 2px 0px rgb(255, 255, 255);
        border-radius: 20px;
        border: 3px solid #592887;
        transition: all 0.3s ease;
        margin: 50px;
    }

    .exit_butt:hover {
        transform: scale(3, 0.5)
    }

    .intro_box {
    position: relative;
    text-align: center;
    background: rgb(255, 227, 149);
    border-radius: 20px;
    border: 5px solid #592887;
    margin-top: 20px;
    padding: 10px;
    width: 50%;
    box-shadow: 10px 14px 0px black;
    }

    .intro_box h2{
        font-size: 64px;
        margin-top: 0px;
        color: #d07200;
    }

    .intro_box p {
        font-size: 36px;
        line-height: 1.5;
    }
    .post_feed{
        width: 85%;
        max-width: 700px;
        display: flex;
        flex-direction: column;
        gap: 25px;
        box-sizing: border-box;
        align-items: center;
    }

    .post_feed h2{
        font-size: 72px;
        margin-bottom: 5px;
        text-shadow: 2px 2px 0px white;
    }

    .blog_card{
        text-align: left;
        width: 100%;
        background: rgb(255, 175, 175);
        border-radius: 15px;
        padding: 15px;
        border: 5px solid rgb(217, 107, 107);
        box-shadow: 8px 12px 0px black;
    }
    .post_header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #d23d88;
        padding-bottom: 5px;
        margin-bottom: 15px;
    }
    .post_title{
        font-size: 44px;
        margin: 0;
        color: black;
    }
    .post_date{
        font-size: 28px;
        color: #666;
    }
    .post_content{
        font-size: 36px;
        line-height: 1.4;
        margin: 0;
    }

        @media (max-width: 768px) {

        .title {
            font-size: 60px;
            -webkit-text-stroke: 0.1px rgb(255, 183, 236);
            text-shadow: 4px 4px 0px black;
        }

        .intro_box {
            width: 90%;
            max-width: 100%;
            padding: 15px;
            border-radius: 20px;
        }

        .intro_box h2{
            font-size: 32px;
        }
        .intro_box p{
            font-size: 16px;
        }
        .blog_card {
            width: 90%;
            max-width: 100%;
            padding: 15px;
            border-radius: 20px;
        }
        .post_title{
            font-size: 22px;
        }
        .post_content{
            font-size: 18px;
        }
        .post_date{
            font-size: 14px;
        }
        .post_feed{
            font-size: 36px;
        }
        .exit_butt {
            scale: 100%;
            box-shadow: 1px 4px 9px black;
            border: 1px solid #ff5ecf;
        }

        .exit {
            scale: 1;
            margin: 40px;
        }


    }