code{font-family:source-code-pro}.App{text-align:center}body{font-family:Consolas,Lucida Console,monospace;font-size:12px;letter-spacing:.08em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c0c0c;color:#f5f5f5}a{color:#fff}a,a.niceLinks{text-decoration:none}a.niceLinks{font-weight:700;transition:all .25s linear;position:relative}a.niceLinks:before{content:"";display:block;width:100%;height:3px;background-color:#f13c20;position:absolute;left:0;bottom:-3px;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(0);transform:scale(0);transition:.25s linear}a.niceLinks:hover:before{-webkit-transform:scale(1);transform:scale(1)}a.link{text-decoration:none;color:#f5f5f5;border-bottom:3px solid #ec4848;transition:.7s ease-in-out}a.link:hover{border-bottom:0 solid;text-shadow:0 0 30px rgba(33,33,33,.856)}.header{font-family:Poppins,sans-serif;height:100px}a.headername{text-align:left;color:#f5f5f5;display:block;font-size:26px;font-weight:400;text-decoration:none;padding:20px;transition:.7s ease-in-out}a.headername:hover{transition:.7s ease-in-out;font-size:15px;padding:30px}div.leftlinks{z-index:1000;text-align:right;position:fixed;top:35px;right:20px;transition:.2s ease-in-out}a.headerlink{min-width:80px;font-size:15px;padding:15px;margin-top:10px;margin-right:10px;position:static;text-decoration:none;background-color:#000;border-radius:40px;color:#f5f5f5;transition:.5s ease-in-out;box-shadow:0 0 30px rgba(0,0,0,.5)}a.headerlink:hover{opacity:.7;box-shadow:0 0 30px rgba(0,0,0,.6)}a.hiddenwhenbig{display:none}p.headerlink{min-width:80px;font-size:15px;padding:15px;margin-top:10px;margin-right:10px;position:static;text-decoration:none;background-color:#000;border-radius:40px;color:#f5f5f5;transition:.5s ease-in-out;box-shadow:0 0 30px rgba(0,0,0,.5)}p.headerlink:hover{opacity:.85;box-shadow:0 0 30px rgba(0,0,0,.6)}p.hiddenwhenbig{display:none}@media (max-width:700px){div.leftlinks{Overflow:visible;display:grid;z-index:1000;text-align:center;position:fixed;bottom:15px;right:20px;top:unset}a.headerlink{min-width:80px;font-size:12px;margin-top:0;padding:15px;margin-bottom:5px;margin-right:5px;position:static;text-decoration:none;background-color:#000;border-radius:40px;color:#f5f5f5;transition:.7s ease-in-out;box-shadow:0 0 30px rgba(0,0,0,.5)}a.collect{min-height:40px;font-size:3px;min-width:50px;box-shadow:0 0 30px rgba(0,0,0,.2)}a.collect,p.headerlink{top:unset;bottom:15px;right:20px;padding:0;position:fixed;transition:.7s ease-in-out}p.headerlink{display:block;z-index:1002;opacity:0;min-width:0;font-size:0;margin-top:0;margin-right:0;background-color:#000;border-radius:60px;color:#f5f5f5;box-shadow:0 0 30px rgba(0,0,0,.5)}p.collect{z-index:1004;opacity:1;margin:0;top:unset;bottom:15px;right:20px;padding:12px;font-size:15px;min-width:60px;position:fixed;transition:.7s ease-in-out;box-shadow:0 0 30px rgba(0,0,0,.2)}p.hiddenwhenbig{display:block}}h3{font-weight:bolder}h1{text-align:center;font-size:20px;font-weight:700}div.footer{position:fixed;bottom:0;width:100%}.footerDiv{-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:50%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footerText1{font-size:9px}.footerText2{margin-left:10px}.showCaseImage{width:80%;max-width:500px}.Letterbox{width:100%;height:80%;display:block;position:absolute}p.emojibutton{text-align:left;padding-left:25px;font-size:65px;position:fixed;bottom:0;transition:.5s;text-decoration:none}p.emojibutton:hover{text-shadow:0 0 30px rgba(33,33,33,.856);font-size:85px}.App{margin:0;font-family:"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.centerlogo{left:25%;position:fixed;bottom:100%;width:50%}img.heroify-logo{width:40%;max-width:500px;min-width:100px}.flexParent{display:flex;flex-direction:column}.slider{width:80%;padding-left:20%}.body{overflow:scroll}.hide{display:none}table.ProgressBar{margin-left:auto;margin-right:auto;text-align:center;width:300px;height:10px;border-collapse:separate}td.currentstep{background-color:#efd82d}td.currentstep,td.notcurrentstep{width:auto;border-radius:9px;-moz-border-radius:6px;height:100%}td.notcurrentstep{background-color:rgba(212,205,205,.548)}.viewHeader{margin-left:0;font-size:30px;font-family:"Avenir";font-weight:700}.viewHeader,.wellcomecenter,p.center{text-align:center}p.center{padding:10px;margin-left:auto;margin-right:auto}p.closeEx{position:absolute;top:-5px;right:15px;font-family:"Avenir";font-size:30px}.popup{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.5)}.popup_inner{left:25%;right:25%;top:25%}.popup_inner,.popup_inner_playlists{position:absolute;text-align:center;margin:auto;background:#efd82d;font-family:"Avenir";font-weight:700;color:#000}.popup_inner_playlists{left:10%;right:10%;top:20%}.popup-container{margin:10px}p.FAQbutton{position:absolute;right:30px;font-size:28px}.creatingPlaylist{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#c62e2e}image{height:20%;display:block}.main{margin-top:2px;margin-bottom:2px;border-color:#000;text-align:center}.list{width:25px}.divider{padding-bottom:20px}.searchbox{width:360px;text-align:center;margin-left:auto;margin-right:auto;height:20px}#searchInput{width:250px;height:40px;float:left;font-size:14px;font-family:"Avenir"}#searchbutton{margin-top:auto;margin-bottom:auto;float:right;width:60;height:40px}.Herocard{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;margin:auto;max-width:250px;background-color:#c62e2e;border-width:5px;border-radius:5px;color:#fff}.Herocard:hover{box-shadow:0 15px 25px 0 rgba(0,0,0,.2)}img.heroPic{display:block;margin:10px auto;width:80%;height:auto;border-radius:5px}.searchresult{text-align:center}.next{margin-left:20px;float:left;font-weight:700;background:#000;font-family:"Avenir"}.copy{font-size:18px;font-style:normal;font-weight:700;width:80%;max-width:500px;text-align:center;padding-left:20px;padding-right:20px}.copy,.copy2{font-family:"Avenir","Nunito Sans","Lato";color:#000}.copy2{font-size:15px;padding-right:15px;padding-left:15px;font-weight:lighter}.copy3{font-size:30px;padding-right:20px;padding-left:20px;font-family:"Avenir","Nunito Sans","Lato";font-style:normal;font-weight:700;color:#000}.centered{position:fixed;top:80%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.white{color:#fff}.button{font-family:"Avenir";text-decoration:none;text-align:center;color:#000}.heroify-logo-small{height:auto;width:100px;margin-bottom:20px}.heroify-logo-large{height:auto;width:400px;display:block;margin-left:auto;margin-right:auto;margin-top:-40px}.spinner-gif{height:auto;width:300px}.playlistTable{font-size:12px;color:#000}.errorMessage{position:absolute;top:25%;left:25%;right:25%;font-family:"Avenir";color:#000}@media (max-width:700px){p.FAQbutton{position:absolute;margin:20px;right:10px;font-size:15px}.heroify-logo-small{display:none}.copy{font-size:12px}.copy,.copy3{font-family:"Avenir","Nunito Sans","Lato";font-style:normal;font-weight:700;color:#000;padding-left:20px;padding-right:20px}.copy3{font-size:20px}.popup_inner{overflow:auto}.popup_inner,.popup_inner_playlists{position:absolute;left:8%;right:8%;top:5%;text-align:center;margin:auto;background:#efd82d;font-family:"Avenir";font-weight:700;color:#000}.popup_inner_playlists{overflow:scroll;float:bottom}.vjueHeader{font-size:38px}.heroify-logo-large{height:auto;width:300px;display:block;margin-left:auto;margin-right:auto;margin-top:-40px}#searchInput{width:200px;height:37px;float:left;margin-left:25px;font-size:14px;font-family:"Avenir"}}
/*# sourceMappingURL=main.26e5cc2e.chunk.css.map */