/* font */
p {
    font: 14px Pixelify Sans;
}
a {
    font: 14px Pixelify Sans;
}
li {
    font: 14px Pixelify Sans;
}
h3 {
    font-size: 25px;
    font-family: "Jacquard 12";
}



/*background*/
:root {
    
}
#mainFrame {
    background-image: url(https://i.postimg.cc/nV7ZcJPf/switch-Frame.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    width: 100%;
    margin-top: 18%;
}
body {
    background-image: url(https://sadhost.neocities.org/images/tiles/pastelstarz.gif);
    background-color: black;
}
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(87, 72, 80, 0.48) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 9999;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

/*main*/
.main {
    margin-top: -445px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    height: 390px;
    z-index: 101;
    background-color: rgb(238, 238, 243);
    /*background-color: rgb(219, 220, 227);*/
    overflow: auto;
}
#frame1 {
    background-image: url(https://i.postimg.cc/zX3z8357/lace.webp);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center;
    height: 50px;
}
.left {
    width: 60%;
    margin-left: 20px;
}
.right {
    width: 30%;
}

.left {
    height: 300px;
    overflow: auto;
    background-color: aliceblue;
}