@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";:root{width:100%;height:100%;-webkit-user-select:none;user-select:none}body{text-shadow:0px 3px 5px rgba(0,0,0,.5);font-family:Fredoka,sans-serif;background:linear-gradient(135deg,#008bff,#9fd4ff);background-size:400% 400%;animation:backgroundGradient 5s ease infinite}@keyframes backgroundGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.box,.clickyBox{background-color:#fff3;box-shadow:0 3px 30px #0000001a;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:10px}.clickyBox{cursor:pointer;width:auto;margin-top:20px;scale:1;transition:scale .1s ease-in}.clickyBox:hover{scale:1.1}.xyCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.socialLogo{width:30px;filter:invert(1) drop-shadow(0px 3px 2px rgba(0,0,0,.5));scale:1;transition:scale .1s ease-in}.socialLogo:hover{scale:1.2}.invert{filter:invert(1)}.flex{display:flex;margin-right:10px;width:auto;height:auto;gap:5px}.flex.center{justify-content:center;align-items:center}.flex.moreSpaced{gap:10px}.me{width:150px;border-radius:100%;filter:drop-shadow(0px 3px 5px rgba(0,0,0,.5));margin-left:21%;transition:transform .2s ease}.me:hover{transform:rotate(5deg) scale(1.1)}.mainAttraction{width:max-content}span{color:#fff}a{text-decoration:none}.header{font-size:30px}.window{position:absolute;width:500px;height:300px;border-radius:10px;border:1px solid rgba(255,255,255,.2);color:#fff;z-index:10;box-shadow:0 5px 15px #0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column}.topbar{background-color:#0000001a;padding:5px;cursor:move;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:11}.topbar span{color:#fff;font-weight:700;padding-left:10px}.mainframe{padding:10px;flex-grow:1;overflow-y:auto;scrollbar-width:none}.closeButton{background-color:#0000;border:none;width:15px;height:15px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px}.closeButton:hover{background-color:#00000059}.closeButtonSVG{scale:.75}.otherStuffClass{margin-top:10px}@media screen and (max-width:768px){.window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw}.topbar{cursor:default}}