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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}body{background:#020024;background:linear-gradient(90deg,#020024,#0143c3 0,#040480);color:#fff;font-family:sans-serif;padding-bottom:100px}body::-webkit-scrollbar{display:none}.header{align-items:center;display:flex;justify-content:center}.instructions-icon{right:20px}.instructions-icon,.open-endgame{cursor:pointer;font-size:24px;position:absolute}.open-endgame{display:none;left:20px}.game-container{position:relative}.guess-form{align-items:center;display:flex;flex-direction:column}.dropdown-items::-webkit-scrollbar{display:none}.dropdown-items{border-radius:10px;height:300px;margin-top:10px;min-width:250px;opacity:80%;overflow-x:auto;overflow-x:hidden;position:absolute;top:80%;visibility:hidden;width:20%;z-index:100}.dropdown-item:hover{background-color:#b1ffff}.dropdown-item{align-items:center;background-color:#00fffffc;cursor:pointer;display:flex;flex-direction:row;padding:1% 0;width:100%}.swimmer-name{color:#000;font-size:100%;padding-left:1%}.dropdown-item .swimmer-img{padding-right:5%;width:22%}#input-and-guess-btn{align-items:center;display:flex;flex-direction:row;margin-bottom:5px;margin-top:5px}.guess-box{margin:0 auto;padding-bottom:10px;position:relative;text-align:center;white-space:nowrap}.guess-input{background-color:#51a9ac;border:none;border-radius:25px;font-size:16px;height:30px;width:70%}.guess-input::placeholder{color:#000;opacity:80%}.guess-button{border-radius:10px;cursor:pointer;font-size:15px;height:30px;margin-left:5px;transition:all .5s}.guess-button:hover{background-color:#7ee8ec}.label{display:block;margin-bottom:15px}.guess-name{align-items:center;display:flex;flex-direction:row;gap:15px;margin:auto}.guess-counter{font-size:11px}.guess-name-text{font-size:20px;font-weight:500}.invalid-guess-text{color:red;font-size:11px;margin-bottom:5px;visibility:hidden}.guess-name>img{width:80px}.guess-list-new{max-height:0;opacity:0;transition:max-height 3s,opacity 2s;z-index:-100}.guess-list-new.fade-in{max-height:400px}.guess-list-new.opacity{opacity:100%}.guess-list{display:flex;flex-direction:column;margin:0 auto;padding-bottom:3%;width:80%}.guess-result{background-color:#1531d1;border-radius:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px}@media (min-width:600px){.guess-list{width:600px}}.hintCategory{color:hsla(0,0%,91%,.887);font-size:10px}.guess-result>div{align-items:center;background-color:#333;border-radius:20px;display:flex;flex-direction:column;gap:3px;margin:2px;padding:5px;padding-inline:25px;text-align:center}#age-hint{white-space:nowrap}.fa-solid.fa-arrow-up.lit{margin-left:5px}.game-win{text-align:center}.game-loss{margin-bottom:10px}.game-loss-description{padding-bottom:2%;text-align:center}.instructions-popup-container{background-color:#e3e9e8}.endgame-popup-container,.instructions-popup-container{border-radius:15px;box-shadow:0 5px 10px #00000080,0 15px 40px #0000001a;display:none;height:-webkit-fit-content;height:fit-content;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}.endgame-popup-container{background-color:#040480;opacity:0;padding-top:10px;transition:all 2s}.share-button{background-color:#fff;border-radius:30px;color:#000;font-size:14px;margin:25px auto 0;padding:1em;position:relative;text-align:center;width:125px}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.share-button:after,.share-button:before{background-image:conic-gradient(#68c3d5,#2b1886,#2aa2f8,#68c3d5);border-radius:30px;content:"";height:100%;left:50%;padding:3px;position:absolute;top:50%;transition:all 1s;translate:-50% -50%;width:100%;z-index:-1}.share-button:before{filter:blur(1.5rem);opacity:.5}@media (hover:hover) and (pointer:fine){.share-button:hover:after,.share-button:hover:before{animation:spin 3s linear infinite;background-image:conic-gradient(from var(--angle),#0000 70%,#68c3d5,#2b1886,#2aa2f8,#68c3d5);cursor:pointer}.share-button:hover{cursor:pointer}}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}.added-to-clipboard{background-color:#e0dfdf;border-radius:10px;color:#282c34;display:None;left:50%;margin:0 auto;padding:.5em;position:fixed;text-align:center;top:-9%;transform:translate(-50%);transition:all 1s;width:100px;z-index:1000}.added-to-clipboard.show{top:3%}.come-back{display:block;margin-bottom:10px;margin-top:10%}.try-again{display:block;margin:0 auto}.instructions-close-button{position:absolute;right:3%;top:0}.closeout{color:#cbd3d3;cursor:pointer;font-size:30px}.closeout:hover{color:#656c6c}.instructions-list{color:#000;margin-right:5%}.instructions-list>li{padding-bottom:3%}.note-text{color:#000;margin-bottom:40px;padding:0 5%}.shoutout-text{bottom:0;color:#000;font-size:12px;position:relative;text-align:center}@media (max-width:400px){.endgame-popup-container,.instructions-popup-container{width:290px}.instructions-list,.note-text{font-size:14px}.shoutout-text{font-size:10px}}.no-scroll{overflow:hidden}.overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.overlay.active{display:block}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}