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}.Navbar{background-color:#222;width:"100%";height:"100%";border-bottom:0}.flex-grid{display:flex;flex-wrap:wrap;margin:0 4vmin;z-index:1}body{overflow-x:hidden}.NavbarText{color:#fff;font-family:Serif}.navbar{height:4vmin;background-color:"#222";margin:.5vmin}.searchStatus{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700;animation:fadeIn .3s ease;vertical-align:middle;margin-left:10px;transform:translate(-12rem)}.searchStatus.found{background-color:rgba(0,255,191,.15);color:rgba(0,255,191,.9);border:1px solid rgba(0,255,191,.4)}.searchStatus.none{background-color:rgba(255,80,80,.15);color:rgba(255,80,80,.9);border:1px solid rgba(255,80,80,.4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.collapse show navbar-collapse{background-color:"#222";margin:2vmin;padding:2vmin}.nav-item{font-size:20px;margin-top:3vmin;margin-left:3vmin}.navbar-dark .navbar-nav .nav-link,.white-background{background-color:"white"}.searchbar,.searchbar:focus{background-color:#15181c;color:#fff;width:50%;padding:1.5rem;border:none;border-radius:2vmin}.searchbar:focus{outline-offset:0;outline:none;z-index:4;box-shadow:0 20px 40px 10px rgba(149,0,255,.8);transition:.5s;-webkit-animation-name:colorChange;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:18s}.searchbar::placeholder{color:hsla(0,0%,100%,.4)}a{padding:6px;text-align:center}.button-label{color:hsla(0,0%,100%,.5);font-size:1rem;word-spacing:15px}.landing-contents{text-align:center;transform:translateY(10rem)}.greeting-logo{font-size:9rem;font-weight:700;background:linear-gradient(90deg,rgba(149,0,255,.8) 20%,rgba(212,255,0,.8) 40%,rgba(0,255,191,.8) 60%,rgba(212,255,0,.8) 80%,rgba(149,0,255,.8));background-size:200% auto;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 8s linear infinite}@keyframes shine{to{background-position:200%}}.greeting-text{border-radius:50px;border:none;color:rgba(212,255,0,.8);font-size:4rem;color:#999}.search-option-header{font-size:4.5rem;font-weight:700;color:#fff}.search-option-text{font-size:2rem;color:#999}.searchButton{background-color:rgba(0,255,191,.8);color:#fff;border:none;border-radius:2vmin;padding:.5rem 1.2rem;font-size:1rem;cursor:pointer;transition:.3s;display:inline-block;vertical-align:middle;margin-left:12px;transform:translateY(-25px)}.searchButton:hover{background-color:#00ffbf;box-shadow:0 2px 40px 5px rgba(0,255,191,.8)}@media (min-width:768px) and (max-width:1024px){.searchBarDiv{position:relative;z-index:4;width:80%;margin:0 auto;padding-top:20px;padding-bottom:20px}.searchbar{width:100%}.toggleButtonDiv{margin:10px 0;transform:none}.searchButton{transform:none}.flex-grid{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0 2vmin;max-width:100vw}}@media (max-width:767px){.navbar-logo{height:8vmin;min-height:20px;max-height:35px;display:block;margin:6px auto 0}.navbar-brand{width:100%;text-align:center}.flex-grid{transform:translate(0)}.searchStatus{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700;animation:fadeIn .3s ease;vertical-align:middle;margin-left:10px;transform:translate(9rem,-2.5rem)}.searchbar,.searchbar:focus{background-color:#15181c;color:#fff;width:80%;padding:.8rem;border:none;border-radius:2vmin}.toggleButtonDiv{margin:10px;transform:translateY(1.5rem);font-size:.1rem}.searchButton{transform:translate(3rem,-1.5rem)}.navBarDiv{background-color:#111;width:100vw;z-index:5}.navbar-brand,.navBarDiv{position:static}.navbar-expand-md{width:100vw}.home-screen-card{background-color:#15181c;height:20vmin;width:80vmin;margin:0 1.5vmin;padding:1vmin;border-radius:2vmin;box-shadow:0 2px 40px 5px rgba(149,0,255,.8);transition:.3s;position:relative;transform:translate(.3rem);z-index:1}.searchBarDiv{position:relative;z-index:4;width:85vw;margin:0 auto;padding-top:70px;padding-bottom:20px;left:50%;transform:translateX(-50%)}.greeting-logo{font-size:5rem}.greeting-text{border-radius:50px;border:none;color:rgba(212,255,0,.8);font-size:1.3rem;color:#999}.search-options-div{transform:translate(-1rem,-5rem);width:85%}.search-option-header{font-size:1.2rem;transform:translate(5px,5px)}.search-option-text{font-size:1rem}.left-div,.right-div{width:100%!important;height:13vh!important;transform:translate(0)}.right-div{margin-top:20px}.home-screen-card:hover{background-color:#15181c;height:20vmin;width:70vmin;margin:0 1.5vmin;padding:1vmin;border-radius:2vmin;box-shadow:0 2px 40px 5px rgba(149,0,255,.8);transition:.3s;-webkit-animation-name:colorChange;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:6s;position:relative;transform:translate(15%)}.artist-name{color:#fff;font-size:3vmin;font-weight:700;padding:.5vmin;display:inline-block;transform:translate(15%,-60%);width:60%;vertical-align:middle}.dest-date{position:absolute;padding:0 2vmin;bottom:1vmin;left:15vmin;font-weight:700;font-size:1.5vmin;transform:translate(10%,-30%)}.artist-pic{height:13vmin;width:13vmin;border-radius:50vmin;margin-left:1vmin;margin-top:0;transform:translate(-220%,20%)}ul{background-color:rgba(17,17,17,.98)!important;border-style:solid;border-width:.1em;border-radius:15px;width:80%;transform:translate(17%,10%);padding:6px}.comments{transform:translate(10%,4rem);padding:2rem}.comments,.top-comment{background-color:#15181c;color:#fff;width:80%;border-radius:25px;margin-bottom:1.5rem}.top-comment{transform:translate(10%,5rem);padding:1rem;white-space:pre-line;box-shadow:0 20px 40px 10px rgba(149,0,255,.8)}.yt-vid{width:80%;height:15rem;transform:translate(10%);margin-top:10rem}.set-left{transform:translate(5%);font-size:1rem}.set-right{transform:translate(8%,5%)}.set-title{font-size:8vmin;transform:translate(10vw,3vh);margin-top:5rem;margin-bottom:3rem}.best-guess,.set-title{color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.best-guess{transform:translate(10%,4rem);font-size:7vmin}}@media (min-width:767px){.navbar-logo{height:5vmin;vertical-align:"middle";display:block;margin:50px auto 0}.navbar-brand{width:100%;text-align:center}.navBarDiv{background-color:#111;width:100%;position:static;z-index:5}.searchBarDiv{position:relative;z-index:4;height:20vh;width:80%;margin:0 auto;right:25%;transform:translate(50%,75%)}.toggleButtonDiv{margin:10px;transform:translate(51%,-100%)}.flex-grid{display:flex;flex-wrap:wrap;justify-content:center;margin:50px auto 0;padding:0 2vmin}.home-screen-card{width:38vmin}.home-screen-card,.home-screen-card:hover{background-color:#15181c;height:48vmin;margin:0 2vmin;padding:1.5vmin 2vmin;border-radius:2vmin;box-shadow:0 2px 40px 5px rgba(149,0,255,.8);transition:.3s;position:relative}.home-screen-card:hover{width:45vmin;-webkit-animation-name:colorChange;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:4s}.artist-name{color:#fff;font-size:2.1vmin;font-weight:700;margin:7vmin 0;display:inline-block;transform:translateY(-50%)}.dest-date{position:absolute;padding:0 2vmin;bottom:1vmin;left:15vmin;font-weight:700;font-size:1.8vmin;transform:translate(9%,-70%)}.artist-pic{height:100%;width:100%;border-radius:3vmin;margin-left:0;margin-top:1vmin}.comments{transform:translate(10%,4rem);padding:2rem}.comments,.top-comment{background-color:#15181c;color:#fff;width:80%;border-radius:25px;margin-bottom:1.5rem}.top-comment{transform:translate(10%,5rem);padding:1rem;white-space:pre-line;box-shadow:0 20px 40px 10px rgba(149,0,255,.8)}.yt-vid{width:80%;height:40rem;transform:translate(10%);margin-top:10rem}.set-title{transform:translate(10%,35%);margin-top:5rem}.best-guess,.set-title{color:#fff;font-size:4vmin;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.best-guess{transform:translate(10%,4rem)}}@keyframes colorChange{0%{box-shadow:0 2px 40px 5px rgba(212,255,0,.8)}11%{box-shadow:0 2px 40px 5px rgba(149,0,255,.8)}22%{box-shadow:0 2px 40px 5px rgba(0,255,191,.8)}33%{box-shadow:0 2px 40px 5px rgba(149,0,255,.8)}44%{box-shadow:0 2px 40px 5px rgba(212,255,0,.8)}55%{box-shadow:0 2px 40px 5px rgba(149,0,255,.8)}66%{box-shadow:0 2px 40px 5px rgba(0,255,191,.8)}77%{box-shadow:0 2px 40px 5px rgba(149,0,255,.8)}88%{box-shadow:0 2px 40px 5px rgba(149,0,255,.8)}to{box-shadow:0 2px 40px 5px rgba(212,255,0,.8)}}@keyframes textColorChange{0%{color:0 2px 40px 5px rgba(212,255,0,.8)}11%{color:0 2px 40px 5px rgba(149,0,255,.8)}22%{color:0 2px 40px 5px rgba(0,255,191,.8)}33%{color:0 2px 40px 5px rgba(149,0,255,.8)}44%{color:0 2px 40px 5px rgba(212,255,0,.8)}55%{color:0 2px 40px 5px rgba(149,0,255,.8)}66%{color:0 2px 40px 5px rgba(0,255,191,.8)}77%{color:0 2px 40px 5px rgba(149,0,255,.8)}88%{color:0 2px 40px 5px rgba(149,0,255,.8)}to{color:0 2px 40px 5px rgba(212,255,0,.8)}}.left-div{box-shadow:0 2px 40px 5px rgba(0,255,191,.8)}.left-div,.left-div:hover{background-color:#15181c;width:48%;float:left;border-radius:50vmin;height:12rem;color:#fff}.left-div:hover{-webkit-animation-name:colorChange;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:6s}.right-div{box-shadow:0 2px 40px 5px rgba(149,0,255,.8);transform:translateY(-10%);color:#fff}.right-div,.right-div:hover{background-color:#15181c;width:48%;float:right;border-radius:50vmin;height:12rem}.right-div:hover{-webkit-animation-name:colorChange;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:6s}.search-options-div{margin:10rem 3rem}react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:initial;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;transition:all .2s ease}.react-toggle-track,.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:rgba(0,255,191,.8)}.react-toggle--checked .react-toggle-track,.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:rgba(149,0,255,.8)}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4d4d4d;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}
/*# sourceMappingURL=main.36afbd15.chunk.css.map */