body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.buttons-container{border-radius:2em;display:flex;justify-content:space-evenly;padding:1em;width:80%}.button{cursor:pointer;font-size:1rem;margin:.05em 1em;padding:.2em 1em}.button,button.submit{border-radius:2em}.round-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5em;font-weight:700;justify-content:center}.round-button.add{background-color:green}.round-button.remove{background-color:red}.round-button.clear{background-color:#ff0;border:.1px solid #000;color:#000}.round-button.add,.round-button.clear,.round-button.remove{font-family:Courier New,Courier,monospace;height:40px;padding:0;width:40px}.App{align-items:center;display:flex;flex-direction:column;font-size:clamp(.8rem,2.5vw,1.2rem);text-align:center}html{background-color:#ffebcd}.page-view{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;padding:.5em}.volume-control{cursor:pointer;z-index:1000}.panel-view{padding:20px}.panel-table{border-collapse:collapse;width:100%}.panel-table td{padding:10px;text-align:center}#inputTopicDescription,#matchupTopicDescription{font-size:1.5em;margin:1em 1em 0}#inputPageTopic{font-size:1.2em}.smaller-text{font-size:.8em}#resetBug,#submitBug{border-radius:2em;font-size:1.2em;margin:.5em;padding:.5em}#splashPrompt{display:block;font-family:Courier New,monospace;font-size:1.5em;font-style:italic;overflow:hidden;white-space:nowrap}#submitTopicButton{border-radius:2em;cursor:pointer;font-size:1.2em;margin:.05em 1em;padding:.2em 1em}.submitTopicButtonDisabled{border:2px dashed gray}#topicInput{font-size:1.5em;margin:1em 0}#splash-prompt{size:3.2em;font-family:Courier New,monospace}.inputPromptContainer,.splashPromptContainer{overflow:hidden;padding:1em;white-space:nowrap}.splashClearTopicButton{cursor:pointer;margin:0 0 0 10px;padding:0 0 10px}.input-container{align-items:center;display:flex;justify-content:space-between}.input-field{flex-grow:1}#inputPrompt{font-size:1.2em;font-style:italic;margin:0 .5em;max-width:100%}table{margin-top:1em;table-layout:auto;text-align:left;width:100%}td,th{word-wrap:break-word;border-bottom:1px solid #ddd;text-align:center}td,td.remove-button-cell,th{margin:1em 0 1em 1em;padding:1em 0 1em 1em}td.remove-button-cell{word-wrap:normal}td.index-column{max-width:20px}#RankBtn{border-radius:50%;font-size:1.2em;height:120px;margin:1em;padding:1em;width:120px}.addButtonContainer,.round-button-add{align-items:center;justify-content:center}.addButtonContainer{display:flex;width:100%}.add-button-right{margin:.5em 0;padding:.5em 0}.matchup-page-view{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-height:65vh;overflow:hidden;text-align:center;white-space:nowrap}.matchup-buttons-container{cursor:pointer;display:flex;height:300px;height:250px;margin:0;padding:0;width:100%}#leftMatchupBtn,#rightMatchupBtn{align-items:center;background-color:#fff;border-radius:1em;box-sizing:border-box;display:flex;font-size:1.4em;height:220px;-webkit-hyphens:auto;hyphens:auto;justify-content:center;margin:1em;overflow:clip;overflow-wrap:break-word;padding:1em;text-align:center;white-space:normal;width:220px;word-break:break-word}#versus{margin:1em 2em}.matchupPrompt{font-weight:700}#headingResults{overflow-wrap:break-word}.copyright{font-size:.75rem}.footer{margin-top:auto;padding:1vh 0;position:relative;text-align:center;width:100%}.footer-container{display:flex;flex-direction:column;justify-content:space-between;min-height:35vh}.resultsFooter{min-height:0}.resultsFooter button.resetBtn{font-size:2em}.inputFooter{min-height:0}.resetBtn{border-radius:2em;font-size:1.5em;margin:.2em;padding:.5em}.matchupFooter{min-height:5vh}.page-slide-in{animation:slideRightToLeft .5s ease forwards}@keyframes burst-animation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(.7)}}@keyframes colorFade{0%,to{filter:brightness(100%)}50%{filter:brightness(85%)}}.color-fade{animation:colorFade .25s ease}@keyframes depress{0%,80%{transform:scale(.8)}to{transform:scale(none);transform:scale(initial)}}.depress{animation:depress .25s step-end,colorFade .25s ease;box-shadow:inset 0 3px 5px #0003}@keyframes enlarge{0%{font-size:200%}to{font-size:100%}}@keyframes flashBorder{0%,to{border-color:#4169e1}50%{border-color:#fff}}@keyframes fadeOut{0%{opacity:1}60%{border:none;opacity:.95}to{border:none;opacity:0}}#leftMatchupBtn.button-clicked,#rightMatchupBtn.button-clicked{animation:depress .3s forwards,flashBorder .3s infinite,enlarge .3s forwards,fadeOut .3s forwards;background-color:#4169e1;border:2px solid #4169e1;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700}.burst-button{animation:depress .3s forwards}.row-button-clicked{animation:depress .4s forwards}.simple-click{animation:depress .4s forwards,enlarge .4s forwards}.animate-border{animation:borderAnimation 1s linear}@keyframes borderAnimation{0%{border-left:2px solid #000}25%{border-bottom:2px solid #000}50%{border-right:2px solid #000}to{border-top:2px solid #000}}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes shake{0%,to{transform:translateY(-10px)}25%{transform:translateY(0)}50%{transform:translateY(-15px)}70%{transform:translate((-10px))}}@keyframes shake-slight{0%,to{transform:translateY(-5px)}25%{transform:translateY(-6px)}45%{transform:translateY(-7px)}50%{transform:translateY(-8px)}70%{transform:translate((-5px))}}@keyframes pulsate{0%{box-shadow:0 0 5px #007bff80,0 0 10px #007bffb3}50%{box-shadow:0 0 15px #007bffb3,0 0 20px #007bffe6}to{box-shadow:0 0 5px #007bff80,0 0 10px #007bffb3}}.pulsate-animation{animation:pulsate 1.5s ease-in-out infinite,pulsateColor 2s ease-in-out infinite,textColorChange 1.2s ease-in-out infinite}@keyframes pulsateColor{0%,to{background-color:initial}50%{background-color:#007bff}}@keyframes textColorChange{0%,to{color:#000;color:initial}50%{color:#fff}}.marquee-animation{animation:marquee 7s linear infinite}.shake-animation{animation:shake .8s linear infinite}.shake-animation-input{animation:shake 1s linear infinite}@keyframes slideOut{0%{transform:scale(1);transform:translateX(0)}to{transform:scale(.5);transform:translateX(-200%)}}.slide-out{animation:slideOut .8s forwards}.row.in{animation:slideInFromLeft .5s ease forwards}.row.out{animation:slideOutToLeft .5s ease forwards}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideToCenter{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(25%)}}@keyframes slideRightToLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideLeftToRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideBottomToTop{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slideRightToLeft{animation:slideRightToLeft .5s ease forwards}.slideLeftToRight{animation:slideLeftToRight .5s ease forwards}.slideTopToBottom{animation:slideTopToBottom .5s ease forwards}.slideBottomToTop{animation:slideBottomToTop .5s ease forwards}@keyframes shrinkHeader{0%{font-size:200%}to{font-size:100%}}.largetosmallh1{animation-duration:2s;animation-fill-mode:forwards;animation-name:shrinkHeader}.smallh1{font-size:100%}@media (min-width:100px) and (max-width:725px){#leftMatchupBtn,#rightMatchupBtn{width:150px}#submitTopicButton{font-size:1.5em;margin:0 0 1em}#headingInput{font-size:3em;margin:1em 0 .5em}.inputTable td input{font-size:1.5em;width:calc(100% - 50px)}.inputTable{margin:0 0 .25em}.index-column{display:none}.footer p{font-size:1.1em;margin:0 1em 1em}#versus{font-size:2em;padding:0 1em}#resultsTable{font-size:2em;margin:0 1em 2em 0;max-width:100%}#resultsTable td{overflow-wrap:break-word;word-break:break-all}}@media (min-width:851px) and (max-width:7250px){#RankBtn{font-size:1em}}.input-field{background-color:#f2f2f2;border:5px solid #ccc;border-radius:2em;box-shadow:0 4px 8px #0000001a;font-size:1.4em;padding:10px;transition:border-color .3s;width:80%}.input-field:focus{border-color:#4a90e2}.input-field:hover{border-color:#aaa}::placeholder{color:#727272;font-style:italic}.inputTable input{border-radius:2em;font-size:1.2em;justify-content:left;padding:.2em 1em;width:60%}.inputTable.inputRow{width:70%}#bug-description,#contact-email,#steps-to-reproduce{word-wrap:break-word;border-radius:2em;display:block;font-size:1.5em;margin:1em;overflow-wrap:break-word;padding:1em;width:60%}.bug-view{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:60%;text-align:center}.bug-view label{font-size:1.5em;margin:0}#bug-description{height:100px}#steps-to-reproduce{height:200px}.error-message,.success-message{font-size:2em}.pie-wrapper{height:300px;margin:auto;padding:1em;width:300px}.pie-svg{display:block;height:100%;margin:1px;overflow:visible;padding:1px;width:100%}.pie-slice{fill:#ff0;transform-origin:50% 50%}@keyframes sliceAnimation{0%{opacity:0}to{opacity:1}}.pie-slice{animation:sliceAnimation .4s ease-in-out}
/*# sourceMappingURL=main.c0f2f96e.css.map*/