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}::-webkit-scrollbar{height:0;width:0}.App{background-color:#000;height:auto;width:100%}.header-container{align-items:center;display:flex;flex-direction:column;height:65vh;justify-content:center;text-align:center;width:100%}.header-container h1{font-size:40px}.header-container span{color:red}.header-container p{padding:10px}@media only screen and (max-width:900px){.header-container{height:50vh}.header-container h1{font-size:35px}.header-container p{font-weight:500;padding:20px}}.header-container-buttons{display:flex;justify-content:space-evenly}.header-container-buttons button{background-color:transparent;border-radius:20px;color:#fff;margin:20px 10px 0;padding:8px 30px}.creating-button{background-image:linear-gradient(90deg,#ff8933 36%,#f95f54 80%);border:#fff}.listening-button{border:1px solid #dee2e6!important}@media only screen and (max-width:900px){.header-container-buttons{flex-direction:column}.header-container-buttons button{padding:10px 50px}}.navigation-bar{display:flex;height:10vh}.nav-bar ul{align-items:center;display:flex;justify-content:space-between;list-style-type:none;padding:20px 40px 0}.nav-bar button{background-color:transparent;border:1px solid #dee2e6!important;border-radius:20px;color:#fff;padding:5px 15px}.logo{padding-left:20px;padding-top:10px}.logo,.nav-bar{flex:1 1}.hamburger img{display:none;height:5vh;width:8vw}@media only screen and (max-width:900px){.nav-bar{display:none}.hamburger img{display:block;margin-right:20px;margin-top:15px}.navigation-bar{padding-top:15px 8px 0 8px}}*{box-sizing:border-box;margin:0;padding:0}header{background-image:url(https://files.hubhopper.com/assets/web/2020-11-02/web-bg.png);color:#fff;height:75vh;width:100%}.creator-body{background-color:#fff;flex-direction:column}.creator-body,.creator-body-boxes{height:auto;width:100%}.creator-body,.creator-body-box,.creator-body-boxes{align-items:center;display:flex;justify-content:center}.creator-body-box{background:#fef4ed;border-radius:20px;box-shadow:0 0 0 1px rgba(0,0,0,.05);flex-direction:column;height:45vh;margin:20px;padding:30px 20px 0;text-align:center;width:370px}.creator-body-box h4{font-weight:500}.creator-body-box p{font-size:12px;padding-top:10px}.creator-body-box a{color:red;font-size:10px;padding:20px 0}@media only screen and (max-width:900px){.creator-body-boxes{display:flex;flex-direction:column}.creator-body-box{height:45vh;width:90%}}.platform-container{display:flex;height:50vh;width:100%}.left-platform-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding-left:30px;text-align:left}.left-platform-container span{color:red}.right-platform-container{align-items:center;display:flex;flex:1 1;justify-content:center}.right-platform-container img{box-sizing:border-box;height:80%;max-width:80%;object-fit:contain}.download-application-container{height:auto;width:100%}.download-application-header{align-items:center;display:flex;flex-direction:column;height:20vh;justify-content:center;text-align:center}.download-application-header span{color:red}.download-application-header a{color:#000;text-decoration:underline}.download-application-header p{font-weight:600;padding:20px}.download-application{background-image:url(https://files.hubhopper.com/assets/web/2020-11-02/listener-bg.png);display:flex;height:400px;width:100%}.download-app{align-items:center;display:flex;flex:1 1;justify-content:center}.download-app img{height:300px}.download-app-img{display:flex}.download-app-img img{height:30px;margin:20px 5px 0;width:100%}.download-app-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.download-app-info li{font-size:12px;padding:5px}@media only screen and (max-width:900px){.download-app-info li{display:none}.download-app-img{flex-direction:column}}.creator-body-heading{height:20vh;padding-bottom:10px;padding-top:20px;text-align:center;width:100%}.creator-body-heading h1{padding:10px 0}.creator-body-heading p{padding-bottom:30px}.creator-body-heading span{color:red}.podcast-logos{align-items:center;display:flex;height:auto;justify-content:center;overflow-x:scroll;width:100%}.podcast-logo{border-radius:10px;height:170px;margin:15px;min-width:170px}.trending-podcast{align-items:center;display:flex;height:30vh;overflow-x:scroll;width:100%}.trending-podcast-banner{border-radius:10px;height:20vh;margin-left:15px;margin-right:15px;min-width:300px}.podcast-container{background-color:#fff;height:auto;width:100%}.sideheader-container{background-color:transparent;height:100vh;position:fixed;right:0;top:0;width:100%;z-index:1}.sideheader-inner-container{align-items:center;-webkit-animation:expand .6s;animation:expand .6s;background-color:#070929;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-left:auto;width:50%}.sideheader-inner-container h1{color:#fff;font-size:15px;position:absolute;right:4px;top:2px}.sideheader-navbar{height:30vh;padding-left:5px;padding-top:30px}.sideheader-navbar ul{list-style-type:none}.sideheader-navbar li{color:#fff;font-size:15px;padding-top:10px}.sideheader-button{margin-top:5px}.sideheader-button button{background-color:transparent;border:1px solid #dee2e6!important;border-radius:20px;color:#fff;font-size:15px;padding:5px 15px}@-webkit-keyframes expand{0%{width:0}to{width:50%}}@keyframes expand{0%{width:0}to{width:50%}}@media only screen and (min-width:600px){.sideheader-container{display:none}}footer{background-color:#0b152f;display:flex;flex-direction:column;height:40vh;width:100%}.footer-logo-and-info{display:flex;height:25vh;width:100%}.footer-logo{display:flex;justify-content:center;text-align:center;width:25%}.footer-logo h3{color:#fff;font-size:20px;font-weight:900;padding-top:30px}.footer-info{color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;padding-top:25px;width:25%}.footer-info h5{font-size:12px;font-weight:900}.footer-info a{color:#fff;font-size:12px}@media only screen and (max-width:900px){footer{height:auto}.footer-logo-and-info{flex-direction:column;height:auto}.footer-logo{width:100%}.footer-info{padding-left:20px;width:100%}.footer-info a,.footer-info h5{padding:10px 0}}.footer-social-handle{align-items:center;color:#fff;display:flex;flex-direction:column;height:10vh;justify-content:space-around;text-align:center;width:100%}.footer-social-handle p{font-size:13px}@media only screen and (max-width:600px){.footer-social-handle p{padding:0 20px 0 10px}}.footer-click-to-start{align-items:center;background-color:#555a98;bottom:0;color:#fff;display:flex;font-size:12px;height:5vh;justify-content:center;left:0;position:fixed;text-align:center;width:100%}.footer-click-to-start a{color:#fff;text-decoration:underline}
/*# sourceMappingURL=main.56fd065a.css.map*/