body{margin:0;font-family:Fira Code,Consolas,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#252525}body::-webkit-scrollbar{width:.3em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid white}bodywebkit-scrollbart-thumb:hover{background-color:#252525}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.neonText{z-index:1;color:#fff;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none}.neonText.border{border:.2rem solid #fff;border-radius:2rem;padding:.4em;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #8c1eff,0 0 .8rem #8c1eff,0 0 2.8rem #8c1eff,inset 0 0 1.3rem #8c1eff}@media screen and (max-width:640px){.neonText h1{font-size:2rem}}.neonText h1{margin:0;transform:rotate(-.02rad);font-size:calc(2rem + 2vmin);text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #8c1eff,0 0 82px #8c1eff,0 0 92px #8c1eff,0 0 102px #8c1eff,0 0 151px #8c1eff}.neonText h1.flicker{animation:flicker-primary 1.5s infinite alternate}.neonText h1.pulsate{animation:pulsate-primary 1.5s infinite alternate}@media screen and (max-width:640px){.neonText h2{font-size:1.4rem}}.neonText h2{font-size:calc(1.4rem + 2vmin);text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #f222ff,0 0 82px #f222ff,0 0 92px #f222ff,0 0 102px #f222ff,0 0 151px #f222ff}.neonText h2.flicker{animation:flicker-secondary 1.5s infinite alternate}.neonText h2.pulsate{animation:pulsate-secondary 1.5s infinite alternate}@media screen and (prefers-reduced-motion){.neonText h1,.neonText h2{animation:none!important}}@keyframes flicker-primary{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #8c1eff,0 0 80px #8c1eff,0 0 90px #8c1eff,0 0 100px #8c1eff,0 0 150px #8c1eff}20%,24%,55%{text-shadow:none}}@keyframes pulsate-primary{to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #8c1eff,0 0 80px #8c1eff,0 0 90px #8c1eff,0 0 100px #8c1eff,0 0 150px #8c1eff}0%{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #fff,0 0 10px #8c1eff,0 0 45px #8c1eff,0 0 55px #8c1eff,0 0 70px #8c1eff,0 0 80px #8c1eff}}@keyframes flicker-secondary{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #f222ff,0 0 80px #f222ff,0 0 90px #f222ff,0 0 100px #f222ff,0 0 150px #f222ff}20%,24%,55%{text-shadow:none}}@keyframes pulsate-secondary{to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #f222ff,0 0 80px #f222ff,0 0 90px #f222ff}0%{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #fff,0 0 10px #f222ff,0 0 45px #f222ff,0 0 55px #f222ff}}.App{color:#fff;background-color:#252525;display:flex;align-items:center;justify-content:center;min-width:fit-content;box-sizing:border-box}.App .content{margin-top:2rem;max-width:55.6231961088vw;width:55.6231961088vw;min-height:100vh;position:relative;border:.2rem solid #fff;border-radius:2rem;padding:2em;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #8c1eff,0 0 .8rem #8c1eff,0 0 2.8rem #8c1eff;overflow:hidden}.App .content:before{position:absolute;content:"";display:block;top:0;left:0;height:200%;width:100%;background-color:#252525;background-image:repeating-linear-gradient(45deg,#f222ff,#f222ff 1px,transparent 1px,transparent);background-size:8px 8px;animation:gradientBG 110s linear infinite}.App-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:calc(10px + 2vmin);top:-2rem;width:100%;position:relative}.App-link{color:#61dafb}.section{display:flex;flex-direction:column;justify-content:space-between}.section .modlettes{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:space-between;row-gap:1rem}@media only screen and (max-width:640px){.App .content{width:100%;max-width:100%;margin:.2rem}#project-modlettes{justify-content:flex-start;column-gap:1rem}}@keyframes gradientBG{0%{transform:translateZ(0)}50%{transform:translate3d(0,-25%,0)}to{transform:translate3d(0,-50%,0)}}@media screen and (prefers-reduced-motion){.content{animation:none!important}}.message-bubble{display:inline-flex;justify-content:flex-end}.message-bubble.user{color:#0ff}.message-bubble.me{color:#ff901f}.message-bubble .username:after{content:":";margin-right:10px}.message-bubble .username{font-weight:700}.message-bubble .message{word-break:break-word}.avatar-container{position:relative}@media screen and (max-width:640px){.avatar-container{height:60vh}}.avatar-container .backdrop{position:absolute;background-color:#252525;border:inset 2px white;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;background-image:radial-gradient(#f222ff,#000);width:90%;height:100%;margin-left:10%;color:#fff;text-shadow:0 0 5px #ff901f}.avatar-container .backdrop .user-input{float:right;width:100%;border:none;text-align:right;padding:0;background-color:#252525;font-size:large;color:#fff;resize:none}.avatar-container .backdrop .messages{display:inline-flex;flex-direction:column;overflow-y:scroll;padding:0 .3em 0 10%;max-height:90%}.avatar-container .backdrop .messages::-webkit-scrollbar{width:.3em}.avatar-container .backdrop .messages::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}.avatar-container .backdrop .messages::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid white}.avatar-container .backdrop .messageswebkit-scrollbart-thumb:hover{background-color:#252525}@media screen and (max-width:640px){.avatar-container .backdrop .messages{font-size:small}}.avatar-container .backdrop:after{content:"";position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 3px,transparent 2px)}.avatar-container .avatar{pointer-events:none;position:relative;z-index:1}@media screen and (max-width:640px){.avatar-container .avatar{top:100%;transform:translateY(-100%)}}.avatar-container .avatar img{width:30%}@media screen and (max-width:640px){.avatar-container .avatar img{width:50%}}.avatar-container .avatar .sword,.avatar-container .avatar .helmet,.avatar-container .avatar .shield,.avatar-container .avatar .cape{position:absolute;top:0;left:0}.resumake-download-button_container{position:fixed;width:55.6231961088vw;z-index:2}@media only screen and (max-width:640px){.resumake-download-button_container{width:90vw}}.resumake-download-button_container .resumake-download-button{cursor:pointer}.resumake-download-button_container .resumake-download-button.resumake-download-button--loading{animation:wobble 1.2s ease-out 0s infinite normal none}.resumake-download-button_container .resumake-download-button .resumake-download-icon:hover{animation:excite 1s linear 0s 1 normal none;filter:drop-shadow(2px 2px 2px #fff) drop-shadow(2px 3px 3px #ff2975) drop-shadow(-2px -3px 2px #fff) drop-shadow(-2px -3px 3px #8c1eff)}.resumake-download-button_container .resumake-download-button .resumake-download-icon{width:40px;height:40px;float:right}@keyframes wobble{0%{transform:translateY(0) rotate(0)}15%{transform:translateY(-15px)}30%{transform:translateY(6px)}45%{transform:translateY(-6px)}60%{transform:translateY(4px)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes excite{0%{transform:scaleZ(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}to{transform:scaleZ(1)}}