@media (max-width: 768px){.desktop{display:none}:root{--opacityTextBase: 1;--opacityTextHover: 1;--opacityTitleBase: 1;--opacityTitleHover: 1;--profileWidth: 90vw}#mcContent{overflow-x:hidden}}@media (min-width: 768px){.mobile{display:none}:root{--opacityTextBase: .75;--opacityTextHover: 1;--opacityTitleBase: .25;--opacityTitleHover: 1;--profileWidth: 80vw}}@media (prefers-color-scheme: dark){:root{--TextBaseColor: rgb(255, 223, 240);--TextAltColor: rgb(255, 168, 214);--TextHeadingColor: white;--PageBackgroundColor: rgba(10, 0, 5, .75);--PageBackgroundImage: url(/wallpaper.png);--PageOpacity: .75}}@media (prefers-color-scheme: light){:root{--TextBaseColor: rgb(255, 223, 240);--TextAltColor: rgb(255, 168, 214);--TextHeadingColor: white;--PageBackgroundColor: rgba(10, 0, 5, .75);--PageBackgroundImage: url(/wallpaper.png);--PageOpacity: .75}}.chatContent{display:flexbox;grid-column:1/3;height:fit-content;max-height:60vh;min-height:200px;word-wrap:break-word;flex-wrap:wrap;overflow-y:scroll;overflow-x:hidden;border:none!important}.chatContent .chatMessage{position:relative;top:0;opacity:var(--opacityTextBase);display:grid;grid-template-columns:50px auto;border-radius:13px;padding:2px 2px 4px;overflow-x:hidden;overflow-y:scroll;width:100%;transition:all ease-in-out .3s}.chatContent .chatMessage .innerContent{display:grid;min-height:25px;width:95%;grid-template-columns:100%}.chatContent .chatMessage .innerContent .content{display:block;margin:0;left:20px;width:85%;text-wrap:wrap;position:relative}.chatContent .chatMessage .innerContent .name{margin-left:25px;height:10px;font-size:small}.chatContent .chatMessage div{border:none!important}.chatContent .chatMessage p{margin-top:0}.chatContent .chatMessage:hover{opacity:var(--opacityTextHover);top:-5px;box-shadow:var(--TextBaseColor) 0 0 7px}.userTools{display:grid;width:80vw;margin:auto;column-gap:15px;grid-template-columns:2fr auto}.userTools .sendButton{margin:auto;background-color:transparent;border:none;color:var(--TextBaseColor)}.userTools input{width:100%!important}.userTools*{grid-column:auto!important}.profilePicture{position:relative;border:1px solid var(--TextBaseColor)!important;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:20px;width:40px;min-width:40px;height:40px;margin-left:20px}.profile{width:var(--profileWidth);margin:auto;padding:1vh;margin-top:5vh;border-radius:13px;border:solid 1px var(--TextBaseColor);background-color:var(--PageBackgroundColor)}.profile .content{display:grid;grid-template-columns:50% 50%}.profile .content .about{z-index:1;border:solid 1px var(--TextBaseColor);border-radius:13px;background-color:var(--PageBackgroundColor);margin:1vh;padding:1vh}.profile .content .about .username{margin:0}.profile .content .about .pronouns{font-size:small;margin:0 0 0 10px}.profile .content .about .web{font-size:small}.profile .content .pfp{min-width:15vh;height:15vh;z-index:1;margin:auto;border-radius:50%!important;border:solid 1px var(--TextBaseColor);border-bottom:solid 3px var(--TextBaseColor);background-color:#fff}.banner{display:block;position:relative;margin:-1vh -1vh 2.5vh;z-index:0;border:none;border-top:solid 1px var(--TextBaseColor);border-bottom:solid 1px var(--TextBaseColor);height:200px;width:calc(100% + 2vh);max-width:none!important;background-image:url(https://api.roxcelic.love/api/user/banner);background-position:center;background-size:cover}input[type=file]{display:none}#profilePictureUploadDisplay,#profileBannerUploadDisplay{display:block;width:100px;height:100px;margin:auto;background-image:url(https://api.roxcelic.love/api/user/pfp);background-position:center;background-size:cover;border-radius:3px;border:solid 1px var(--TextBaseColor);border-bottom:solid 3px var(--TextBaseColor)}#profileBannerUploadDisplay{width:300px;background-image:url(https://api.roxcelic.love/api/user/banner)}.saveButton:enabled{display:block;width:100%;margin-top:5px;opacity:.8;color:var(--TextBaseColor);font-family:Pixelify Sans,sans-serif;text-shadow:var(--TextHeadingColor) 0px 0px 4px;text-align:center;transition:all ease-in-out .3s}.saveButton:enabled:hover{opacity:9;text-shadow:var(--TextHeadingColor) 0px 0px 6px}.saveButton:disabled{display:block;width:100%;margin-top:5px;opacity:.5;transition:all ease-in-out .3s}.info{display:block;width:100%!important}.chatImage,.chatEmbed{border-radius:13px;margin:5px}.chatEmbed{width:100%}.chatImageWrapper{width:90%;padding-left:5vw;padding-right:5vw;display:flex;flex-wrap:wrap;grid-column:1/3}#chatFunctionSelect{width:100%;grid-column:1/3;background-color:var(--PageBackgroundColor);color:var(--TextBaseColor);font-family:Pixelify Sans,sans-serif;text-shadow:var(--TextHeadingColor) 0px 0px 4px;border:1px solid var(--TextBaseColor);border-radius:0 0 5px 5px}html,body{padding:0;margin:0;overflow:hidden;color:var(--TextBaseColor)}body{background-image:var(--PageBackgroundImage);overflow-x:hidden}main{position:absolute;width:100vw;height:100vh;margin:0;background-color:var(--PageBackgroundColor);backdrop-filter:blur(10px);overflow-y:scroll}main #mcContent{height:90%;margin-left:2.5vw}#mcContent img{max-width:100px;border-radius:5px;opacity:var(--opacityTextBase);border:1px solid var(--TextBaseColor);transition:all ease-in-out .3s}#mcContent img:hover{opacity:var(--opacityTextHover)}h1,h2,h3,h4,h5,h6{color:var(--TextHeadingColor);opacity:var(--opacityTextBase);font-family:Pixelify Sans,sans-serif;text-shadow:var(--TextHeadingColor) 0px 0px 4px;transition:all ease-in-out .3s}h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{text-shadow:var(--TextHeadingColor) 0px 0px 10px;opacity:var(--opacityTextHover)}p,li,ul,marquee{opacity:var(--opacityTextBase);font-family:Pixelify Sans,sans-serif;text-shadow:0px 0px 4px;transition:all ease-in-out .3s}p:hover,li:hover,ul:hover,marquee:hover{text-shadow:0px 0px 10px;opacity:var(--opacityTextHover)}a{color:var(--TextAltColor)}a*{color:var(--TextAltColor)!important}hr{border-color:#fff}#titleBarContainer{padding-top:1vh;opacity:var(--opacityTitleBase);height:25px;top:0;transition:all ease-in-out .3s}#titleBarContainer .content{display:flex;backdrop-filter:blur(5px)}#titleBarContainer .content #left{margin-right:auto}#titleBarContainer .content #left a{display:flex;align-items:center;width:fit-content;gap:1em}#titleBarContainer .content #left img{border-radius:50%}#titleBarContainer .content p,#titleBarContainer .content a{margin:0;color:var(--TextBaseColor);text-decoration:none}#titleBarContainer:hover{opacity:var(--opacityTitleHover);z-index:101}#titleBarContainer:hover .content{background-color:#000}.titleBarHr{margin:0}.astro-code{width:90vw;max-height:50vh;min-height:40px;background-color:var(--PageBackgroundColor)!important;opacity:1;border:1px solid var(--TextBaseColor);border-radius:5px}.astro-code code .line{display:block;width:90%;opacity:var(--opacityTextBase);transition:all ease-in-out .3s}.astro-code code .line:hover{opacity:var(--opacityTextHover)}.codeCopyButton{position:absolute;display:block;z-index:110;min-width:50px;top:0;right:0;padding:5px;text-align:center;background-color:var(--TextAltColor);border-radius:0 0 0 5px;text-decoration:underline;transition:all ease-in-out .3s}.codeCopyButton:hover{background-color:Alpha(var(--TextBaseColor),1)}.codeCopyButtonWrapper{position:sticky;top:0}.fullScreenImage{position:absolute;display:block;width:100vw;height:100vh;opacity:1;margin:auto;background-color:#00000080;animation-name:openFullScreenImage;animation-duration:1s;justify-content:center;text-align:center;transition:all ease-in-out .3s}.fullScreenImage .fullScreenImageContent{max-width:80%;max-height:80%;margin:auto;top:25%;transform:translateY(12.5%);border:solid 1px var(--TextBaseColor);transition:all ease-in-out .3s}.fullScreenImage .fullScreenImageAlt{position:absolute;bottom:0;width:100%}.infoCardWrapper{position:relative;display:grid;margin:auto;width:90vw;max-height:80vh;background-color:var(--PageBackgroundColor)!important;border:1px solid var(--TextBaseColor);border-radius:5px;overflow:hidden;overflow-y:scroll;grid-template-columns:1fr 1fr}.infoCardWrapper div,.infoCardWrapper img{border-bottom:1px solid var(--TextBaseColor)}.infoCardWrapper .infoCardPfp{min-width:100px;min-height:100px;width:10vw;height:10vw;max-height:20vh!important;max-width:20vh!important;margin:auto;margin-top:2.5vh;border-radius:50%!important;border:1px solid var(--TextBaseColor);border-bottom:3px solid var(--TextBaseColor)!important;background-position:center;background-size:contain}.infoCardWrapper .infoCardLinks{display:flex;flex-wrap:wrap;margin:1vh;overflow:hidden;overflow-y:scroll;max-height:15vh;font-size:1em}.infoCardWrapper .infoCardExtra{width:100%;height:max-content;grid-column:1/3;border:none!important;border-bottom:none!important}#musicPlayerWarpper{margin-top:2.5vh;border-bottom:none!important}#musicPlayerWarpper #musicPlayerIcon{display:block;min-width:100px;min-height:100px;width:10vw;height:10vw;max-height:20vh;max-width:20vh;border-radius:0%;margin:auto!important;border:1px solid var(--TextBaseColor);border-bottom:3px solid var(--TextBaseColor);box-shadow:var(--TextBaseColor) 0 0 7px;background-position:center;background-size:contain}#musicPlayerWarpper #musicPlayerTimes{display:flex;justify-content:space-between;border:none!important}#musicPlayerWarpper #musicPlayerTimes p{margin:0;margin-left:5vw;margin-right:5vw}#musicPlayerWarpper #musicPlayerProgressbar{width:90%;height:5px;border-radius:5px;background-color:var(--TextBaseColor);margin:auto;margin-bottom:2.5vh;margin-top:2.5vh}#musicPlayerWarpper #musicPlayerProgressbar #musicPlayerProgressbarInner{height:inherit;width:0%;max-width:100%;border-radius:inherit;background-color:var(--TextAltColor);transition:all ease-in-out 3s}.postHLD{max-height:500px;padding-top:25px;padding-bottom:25px;mask-image:linear-gradient(transparent,black,transparent);overflow:hidden;overflow-y:scroll}.blogPost{display:flex;position:relative;width:80vw;z-index:100;margin:-10px auto auto;background-color:var(--PageBackgroundColor);border:1px solid var(--TextBaseColor);border-radius:13px;left:0;bottom:-10px;transition:all ease-in-out .3s}.blogPost .blogPostDisplay{display:flex;width:100%}.blogPost .blogPostDisplay .blogPostTitle{display:block;margin-right:auto;margin-left:5vw}.blogPost .blogPostDisplay .blogPostDate{margin-right:5vw}.blogPost:hover{z-index:101;padding:1vh}input{margin-top:5px!important;color:var(--TextBaseColor);font-family:Pixelify Sans,sans-serif;text-shadow:var(--TextHeadingColor) 0px 0px 4px;min-height:2.5vh}details{border:1px solid var(--TextBaseColor);border-radius:4px;padding:.5em .5em 0;margin-top:1vh;margin-bottom:1vh}summary{color:var(--TextBaseColor);font-family:Pixelify Sans,sans-serif;text-shadow:var(--TextHeadingColor) 0px 0px 4px;margin:-.5em -.5em 0;padding:.5em}details[open]{padding:.5em}@keyframes openFullScreenImage{0%{opacity:0;width:75vw;height:75vh;left:12.5vw;top:12.5vh}20%{width:100vw;height:100vh;left:0vw;top:0vh}to{opacity:1;width:100vw;height:100vh;left:0vw;top:0vh}}