@import"https://fonts.cdnfonts.com/css/joystix";#controls-container{position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column}#controls-container img{width:30px;height:30px;filter:invert(1) drop-shadow(0px 0px 2px rgb(0,0,0));cursor:pointer;margin-bottom:5px}.splash-screen{display:flex;align-items:center;flex-direction:column}.static-bg{background-color:#a62030;height:100vh;width:100vw;position:fixed;top:0px;left:0px;z-index:-2}.repeating-bg{width:100vw;height:100vh;position:fixed;top:0px;left:0px;z-index:-1;background-image:url(./tile-bg.png);filter:invert(86%) sepia(85%) saturate(6925%) hue-rotate(311deg) brightness(102%) contrast(106%);animation:scrolling 10s linear infinite}@keyframes scrolling{0%{background-position:0 0}to{background-position:512px 512px}}#splash-logo{margin-top:100px;max-width:50vw;min-width:500px;max-height:auto}#start-menu{font-family:Joystix,sans-serif;font-size:5rem;color:#fff;text-shadow:0px 0px 5px black,0 0 5px black,0 0 5px black,0 0 5px black;animation:menu-bounce 3s infinite}#start-menu:hover{cursor:pointer}@keyframes menu-bounce{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}:root{--background-img-size: 120px}#character-menu{position:absolute;z-index:20;width:100%;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}#character-select-title{z-index:20;color:#fff;font-family:Joystix,sans-serif;font-size:2rem;margin-top:10px;text-shadow:1px 1px 5px rgb(33,33,33),1px 1px 5px rgb(33,33,33);filter:drop-shadow(0 0 .75rem black);animation:fade 3s ease infinite}#character-icon-container{width:100vw;display:flex;justify-content:center;flex-direction:row-reverse;flex-wrap:wrap-reverse;overflow:hidden}.menu-thumb{width:auto;height:min(max(65px,calc(4.0625rem + (1vw - 17px)*3.271)),100px)}.menu-thumb:hover{transform:scale(1.1);filter:brightness(1.2);transition:.3s}#versus{left:50%;transform:translate(-50%);position:fixed;z-index:20;color:#fff;font-family:Joystix,sans-serif;text-shadow:1px 1px 5px rgb(33,33,33),1px 1px 5px rgb(33,33,33);filter:drop-shadow(0 0 .75rem black);font-size:calc(4.375rem + (1vw - 9px)*1.6043)}.name-container{position:fixed;z-index:20;color:#fff;font-family:Joystix,sans-serif;text-shadow:1px 1px 5px rgb(33,33,33),1px 1px 5px rgb(33,33,33);filter:drop-shadow(0 0 .75rem black);font-size:calc(2.5rem + (1vw - 17.12px)*2);display:flex;justify-content:space-between;width:100vw}.name-container #right-name{max-width:40vw;padding-right:50px;overflow-wrap:break-word;text-align:right}.name-container #left-name{max-width:40vw;padding-left:50px;overflow-wrap:break-word;text-align:left}#character-select-container{width:100vw;height:100vh;display:flex;flex-direction:row;overflow:hidden}#select-gradient{position:fixed;width:100vw;height:50%;background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);z-index:9;bottom:0}#character-left{width:50vw}#character-right{transform:scaleX(-1);width:50vw}.portrait-container{position:absolute;display:inline-flex;justify-content:flex-end;flex-direction:row;height:100vh;min-width:50vw}.character-profile-image{position:absolute;overflow:clip;z-index:1;bottom:0;flex-shrink:0;height:100%}.character-profile-bg{position:absolute;width:50vw;height:100vh}.profile-repeat-bg{position:absolute;background-image:url(./tile-bg.png);background-repeat:repeat;width:50vw;height:100vh;background-size:var(--background-img-size);transition:.3s}.background-container{transition:.3s}.left-repeat,.right-repeat{animation:scrolling-left 5s linear infinite}@keyframes scrolling-left{0%{background-position:0 0}to{background-position:var(--background-img-size) var(--background-img-size)}}@keyframes scrolling-right{0%{background-position:0 0}to{background-position:calc(var(--background-img-size) *-1) var(--background-img-size)}}@keyframes fade{0%{opacity:1}50%{opacity:0}to{opacity:1}}.character-profile-image.unflipped{animation:left-intro .3s ease}.character-profile-image.flipped{animation:right-intro .3s ease}@keyframes left-intro{0%{opacity:.4;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes right-intro{0%{opacity:.4;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.credits-container{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:50;background-color:#000000b3;backdrop-filter:blur(5px);display:grid;grid-template-rows:25% auto}.credits-container-hidden{visibility:hidden}.cred-fade-in{animation:cred-fade-in .65s ease forwards}.cred-fade-out{animation:cred-fade-out .65s ease forwards}@keyframes cred-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cred-fade-out{0%{opacity:1}to{opacity:0}}#credits-names-container{display:grid;grid-template-columns:50% 50%;width:100vw}#credits-names-container p{font-family:Joystix,sans-serif;color:#fff;font-size:calc(.75rem + (1vw - 7.68px)*.5208);margin-top:4px;margin-bottom:4px}#artist-list{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;width:50vw;height:40vh}#credits-left,#credits-right{display:flex;flex-direction:column;align-items:center}#credits-logo-container{display:flex;justify-content:center}#credits-logo{max-width:600px}.credits-title{font-family:Joystix,sans-serif;color:#fff;font-size:calc(1.25rem + (1vw - 8px)*2);padding-top:10px}body{margin:0}