@media (max-width: 768px){.desktop{display:none}:root{--opacityTextBase: 1;--opacityTextHover: 1;--opacityTitleBase: 1;--opacityTitleHover: 1}#mcContent{overflow-x:hidden}}@media (min-width: 768px){.mobile{display:none}:root{--opacityTextBase: .75;--opacityTextHover: 1;--opacityTitleBase: .25;--opacityTitleHover: 1}}@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}}html,body{padding:0;margin:0;overflow:hidden;color:var(--TextBaseColor)}body{background-image:var(--PageBackgroundImage)}main{position:absolute;width:100vw;height:100vh;margin:0;background-color:var(--PageBackgroundColor);backdrop-filter:blur(10px);overflow-y:scroll}main #mcContent{height:100%;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:1vh;opacity:var(--opacityTitleBase);z-index:99;position:sticky;height:15px;top:-5px;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;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{left:10px;z-index:101}@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}}