.App{text-align:center;background-image:linear-gradient(0deg,#a97142,silver,gold)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(6px + 2vmin);color:#fff}.App-link{color:#61dafb}a{color:grey}a:visited{color:#000}.goat-title{font-size:5rem;font-weight:700;color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #ff00de,0 0 40px #ff00de,0 0 50px #ff00de,0 0 60px #ff00de,0 0 70px #ff00de}.top-comments{margin-bottom:20px}.bottom-comments{margin-top:20px}.comment{border:1px solid #ccc;padding:10px;margin-bottom:10px}.Rankings-container{margin:0 auto;padding:1rem;max-width:80%;font-family:sans-serif}.Rankings-container h2{text-align:center;margin-bottom:1rem}.Rankings-container table{width:100%;border-collapse:collapse}.Rankings-container td,.Rankings-container th{padding:.5rem}.Rankings-container th{background-color:#f2f2f244}.Rankings-container tr{margin:10px 0;border-style:solid;border-color:#fff;border-radius:10px}.Rankings-container tr:hover{background-color:#f5f5f524;border-style:dashed;border-color:#fff;border-radius:20px}.Rankings-container .vote-button-up{background-color:#4caf50}.Rankings-container .vote-button-down,.Rankings-container .vote-button-up{margin:.5vw;padding:1vw 2vw;border:none;border-radius:1vw;color:#fff;font-weight:700;cursor:pointer;float:left}.Rankings-container .vote-button-down{background-color:rgba(255,0,0,.536)}.karma-counter,.karma-given-taken{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;font-size:larger;font-weight:700}.karma-counter{margin:10px}.Rankings-container .vote-button-up:hover{background-color:#3e8e41}.Rankings-container .vote-button-up:active{background-color:#2c682d}.Rankings-container .vote-button-down:hover{background-color:#400202}.Rankings-container .vote-button-down:active{background-color:#2c682d}.Rankings-container .vote-count{font-weight:700}.Rankings-container td{display:block;margin-bottom:.5rem}@media (max-width:768px){.Rankings-container td,.Rankings-container th{padding:.1rem}.Rankings-container .vote-button{font-size:.7rem}}.Rankings-container h2,h1{margin:3% 3% 0}.Rankings-container h3{margin-bottom:0}.profilePic{display:flex;justify-content:center;align-items:center;width:100%;max-width:150px;margin:0 auto}.profilePic img{max-width:100%;height:auto;object-fit:cover;border:3px solid #fff;border-radius:5px}@media screen and (max-width:767px){.profilePic{max-width:80px}}@keyframes growFade{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1);opacity:1}}.animate-grow-fade{animation:growFade .5s ease-in-out}li{list-style-type:none}.top-ranking-container{margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:10px}.top-ranking-container h2{text-align:center;margin-bottom:20px}.top-ranking-container table{width:100%;border-collapse:collapse}.top-ranking-container td,.top-ranking-container th{padding:10px;text-align:left;border-bottom:1px solid #ddd}.top-ranking-container th{background-color:#f2f2f2}.boost-button{margin:.5vw;padding:1vw 2vw;border:none;border-radius:1vw;background-color:#9c27b0;color:#fff;font-weight:700;cursor:pointer;float:left}.boost-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.boost-modal{background-color:hsla(0,0%,100%,.55);padding:20px;border-radius:10px;text-align:center}.boost-options{display:flex;justify-content:space-around;margin:20px 0}.boost-button.violet{background-color:#9c27b0}.boost-button.orange{background-color:#ff9800}.close-button{margin-top:20px;padding:10px 20px;border:none;border-radius:5px;background-color:#ccc;cursor:pointer}.fancy-heading{color:#4caf50;text-shadow:1px 1px 1px #000}.ranking-cell{position:relative}.ranking-number{position:absolute;top:10px;right:10px;font-size:2rem;font-weight:700;color:#fff;-webkit-text-stroke:1px #000}.scroll-to-top{position:fixed;bottom:20px;right:20px}.scroll-to-top button{background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer}.scroll-to-top button:hover{background-color:#3e8e41}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.sport-nav{display:flex;justify-content:center;margin-bottom:20px}.sport-nav a{margin:0 15px;font-size:1.2rem;color:#fff;text-decoration:none;transition:color .3s}.sport-nav a:hover{color:#ccc}