@font-face {
            font-family: body;
            src: url('https://file.garden/afKn0dqJ7gfLH6VC/WEBSITE/FONTS/Cause-VariableFont_wght.ttf');
            
        }
        @font-face {
            font-family: bold;
            src: url('https://file.garden/afKn0dqJ7gfLH6VC/WEBSITE/FONTS/DynaPuff-VariableFont_wdth%2Cwght.ttf');
        }
        a, a:hover, a:visited{
        color:rgb(176, 62, 100);
        }
        body{
        background-color: rgb(176, 62, 100);
        background-image: url('https://berrycafe.neocities.org/Images/MAIN%20BACKGROUND.gif');
        cursor: url("https://berrycafe.neocities.org/Images/PIXELS/CURSOR/CURSOR.png"), auto;
        font-family: body;
        font-size: 15px;
        text-align: center;
        color:#ad364b;
        }
        ::-webkit-scrollbar{
        width:0px;
        background: transparent;
        }
        .title{
        background-image: url('https://berrycafe.neocities.org/Images/TITLE%20BACKGROUND.png');
        height:fit-content;
        width:100%;
        margin-top:0;
        padding:5px;
        font-size: 16px;
        box-sizing: border-box;
        font-family: bold;
        color:white;            
        text-shadow: 0.05em 0 #f2879a, 0 0.05em #f2879a, -0.05em 0 #f2879a, 0 -0.05em #f2879a, -0.05em -0.05em #f2879a, -0.05em 0.05em #f2879a, 0.05em -0.05em #f2879a, 0.05em 0.05em #f2879a;
        }
        .main{
        max-width: 1000px;
        height: fit-content;
        margin:auto;
        position:relative;
        border: 0px solid transparent;
        background-image: url('https://file.garden/aNy90GYmaWI-Okj1/tumblr_inline_mozfjeNOsa1qz4rgp.png'), url('https://file.garden/aNy90GYmaWI-Okj1/tumblr_inline_mozfjihSBp1qz4rgp.png');
        background-repeat: repeat-y ;
        background-position: left, right;
        padding-left: 20px;
        padding-right: 20px;
        }
        .grid{
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 1fr;
        width: 100%;
        gap:10px
        }
        .header{
        width:100%;
        border: 1px solid rgb(176, 62, 100);
        height: 15%;
        background-image: url('https://berrycafe.neocities.org/Images/HEADER%20BACKGROUND.jpg');
        font-family: bold;
        font-size: 25px;
        text-shadow: 0.05em 0 #f2879a, 0 0.05em #f2879a, -0.05em 0 #f2879a, 0 -0.05em #f2879a, -0.05em -0.05em #f2879a, -0.05em 0.05em #f2879a, 0.05em -0.05em #f2879a, 0.05em 0.05em #f2879a;
        color:white;
        padding:10px;
        box-sizing: border-box;
        overflow-wrap: break-word;
        }
        .center{
        min-height: 685px;
        width:100%;
        grid-column: 2;
        grid-row:1;
        }
        .centerbox{
        width:100%; 
        border: 1px solid rgb(176, 62, 100);
        background-color: rgba(255, 241, 246, 0.729);
        margin-top: 10px;
        height:560px;
        }
        .left{
        height: 675px;
        max-width:200px;
        grid-column: 1;
        grid-row:1;
        overflow-y: auto;
        overflow-x:hidden;
        }
        .right{
        height: 675px;
        max-width:200px;
        grid-column: 3;
        grid-row:1;
        overflow-y: auto;
        overflow-x:hidden;
        } 
        @media only screen and (max-width: 900px) {
        .left {grid-area: 2 / span 3; min-height: 300px; max-height:none;min-width:100%;}
        .center {grid-area: 1 / span 3;}
        .right {grid-area: 3/ span 3;min-height: 300px;min-width:100%}
        }