:root{--text: #5e076b;--update-text: darkmagenta;--background: #ff0073;--primary: #75ffb8;--secondary: rgb(165, 230, 122);--accent: #fcffb3;--footer-links: rgb(132, 153, 219);--footer: rgb(165, 230, 122)}html{font-family:Calibri,serif;width:100%;height:100%;background-color:var(--background);background-image:url(../background.png);background-attachment:local;background-repeat:repeat}h1{font-family:fantasy;color:#000;opacity:100%;font-size:x-large}#body-container{display:flex;background-color:color-mix(in srgb,var(--background) 90%,transparent);flex-direction:column;justify-content:center}header,footer{border-radius:5px}header{background-color:var(--secondary)}#header-text-heading{padding-left:1rem}.header-text-p{padding-left:.75rem}#header-text-site{padding-left:5rem;font-size:x-large;font-style:italic;font-weight:bolder}footer{background-color:color-mix(in srgb,var(--footer) 100%,transparent);background-blend-mode:multiply;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:1rem}.neocities-host-img{width:15%}.footer-text{font-family:fantasy;font-weight:700;color:#000}#links-container{background-color:color-mix(in srgb,var(--footer-links) 90%,transparent);margin:.5rem;height:100px}main{border-radius:10px;min-height:100dvh;display:flex;flex-direction:column}#site-content-container{background-color:color-mix(in srgb,var(--main-content) 90%,transparent);border-radius:10px;display:inline-block;flex-direction:column;margin-left:3rem}.site-content-header{background-color:color-mix(in srgb,var(--primary) 90%,transparent);padding:.25rem .25rem .25rem 1rem;font-style:italic;color:var(--text)}.update-card,.djmix-card{background-color:color-mix(in srgb,var(--accent) 90%,transparent);color:var(--update-text);border-radius:10px;padding-left:1rem;margin:.5rem;box-sizing:border-box;width:90%}.update-card:hover,.djmix-card:hover{background-color:color-mix(in srgb,var(--accent) 100%,transparent);transition:.5s;cursor:pointer}.update-date,djmix-date{margin-left:1rem;font-size:small;font-style:italic}.update-body,djmix-desc{margin-left:2rem}#updates-container,#djmix-container{border-radius:10px;padding:5px;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;max-height:100dvh}#gallery-sub-container{display:grid;grid-template-columns:auto auto auto;padding:10px;overflow-y:scroll;max-height:100dvh}details{color:var(--text)}summary{font-size:xx-large;cursor:pointer}summary:hover{opacity:70%}.gallery-image-div{box-sizing:border-box}.gallery-image-div:hover{opacity:90%;cursor:pointer}.gallery-image-thumb{height:100%;width:100%;object-fit:cover}#frame-container{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:.25rem;padding:10px}a.frame-button{border-radius:5px;color:var(--text);text-decoration:none}.frame-button-p{text-align:center;font-family:sans-serif;padding:5px;width:100%;font-weight:bolder;font-size:x-large}.frame-button-p:hover{background-color:color-mix(in srgb,var(--accent) 80%,transparent);transition-duration:.3s;width:100%;padding:5px;text-indent:.1rem;letter-spacing:.1rem;cursor:pointer;border-radius:5px}.frame-svg-icon{width:2rem;border-radius:5px;padding:.25rem}.frame-svg-icon:hover{background-color:color-mix(in srgb,var(--accent) 80%,transparent);transition-duration:.3s;cursor:pointer;padding:.25rem}@media only screen and (min-width:769px){#site-content-container{border-radius:10px;display:flex;flex-direction:column;width:80%;margin-left:3rem}main{border-radius:10px;min-height:100dvh;display:flex;flex-direction:row}#body-container{max-width:1100px;gap:5px;border-radius:10px;margin-left:auto;margin-right:auto}#frame-container{background-color:transparent;flex-direction:column;border-radius:10px;width:20%;justify-content:normal}}@media only screen and (min-width:600px){main{border-radius:10px;min-height:100dvh;display:flex;flex-direction:row}#site-content-container{border-radius:10px;display:flex;flex-direction:column;width:80%;margin-left:3rem}#body-container{max-width:1100px;gap:5px;border-radius:10px;margin-left:auto;margin-right:auto}#frame-container{background-color:transparent;flex-direction:column;border-radius:10px;width:20%;justify-content:normal}}