* body{box-sizing:border-box;font-family:Open Sans,sans-serif;color:#fff;margin:0;padding:0}body{background-color:#1f1f21}.App{display:flex;flex-flow:row wrap}.app-body{width:100%}button{cursor:pointer}.error{color:#fc3c39;font-size:14px;padding-bottom:1em}.login-form{display:flex;flex-flow:column wrap;justify-content:center;text-align:center;width:65%;height:75%;border-radius:5.5px;box-shadow:0 0 3px 2px rgba(0,0,0,.15);background-color:#fff}.sign-in{color:#1f1f21;font-size:24px}.label{font-size:18px;color:#1f1f21}#user_name{margin-bottom:.5em}#password,#user_name{margin-top:1em;border-radius:2.2px;border:.6px solid hsla(0,0%,81.6%,.5);background-color:#e5e9ed}#password,#user_name,.submit-btn{width:41.5%;padding:15px 20px;font-size:20px}.submit-btn{display:block;background-color:#fc3c39;margin:2rem auto;border-radius:2.2px;color:#fff;font-weight:200}.login-page{align-items:center;height:100vh;background:url(https://images.unsplash.com/3/www.madebyvadim.com.jpg?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1661) 50%;background-size:cover;background-repeat:no-repeat}.login-page,.reg-form{display:flex;justify-content:center}.reg-form{flex-flow:column nowrap;text-align:center;width:70%;height:85%;border-radius:5.5px;box-shadow:0 0 3px 2px rgba(0,0,0,.15);background-color:#fff}.register-text{color:#1f1f21;font-size:24px}.password-rules{color:#000;font-size:12px;width:40%;margin:0 auto}#full_name,#user_name{margin-bottom:.5em}#full_name,#password,#user_name{margin-top:.5em;width:41.5%;padding:15px 20px;border-radius:2.2px;border:.6px solid hsla(0,0%,81.6%,.5);background-color:#e5e9ed;font-size:20px}.register-btn{width:41.5%;padding:15px 20px;background-color:#fc3c39;margin:2em 0;border-radius:2.2px;font-size:20px;color:#fff;font-weight:200;cursor:pointer}.reg-page{display:flex;justify-content:center;align-items:center;height:100vh;background:url(https://images.unsplash.com/3/www.madebyvadim.com.jpg?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1661) 50%;background-size:cover;background-repeat:no-repeat}.AlbumStarRating{display:inherit;padding-top:1em;color:#fc3c39}@media only screen and (max-width:400px){.album-img{width:80%}}.album-name{font-size:20px}.search-form{background:url(https://images.unsplash.com/3/www.madebyvadim.com.jpg?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1661) 50%;background-size:cover;background-repeat:no-repeat;padding:4rem 2rem;text-align:right}.search-header{width:100%}#album_search{font-size:18px}.button-container>button{padding:12px 14px;border-radius:5px;background-color:rgba(252,61,57,.73);border:none;color:#fff;font-size:16px}.button-container{text-align:right;padding-top:.5em}#album_search{margin:.5rem 0}.loader-container{display:flex;justify-content:center;margin-top:2rem}.album-list-page{padding:.5rem;background:#1f1f21}.album-list{padding:0;list-style-type:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.container{text-align:center}@media only screen and (max-width:720px){.album-list-page{display:grid;justify-content:center}}.review{margin:2rem 0;padding:15px;border:5px solid #fc3c39;border-radius:10px;display:flex;flex-flow:column wrap;align-items:center}.review-title{text-decoration:underline}.review>p,span{font-size:18px}.review-link{text-decoration:none;color:#fff;font-size:20px}.album-reviews-page{display:flex;flex-flow:column wrap;align-items:center}.buttons{padding-top:2em}@media only screen and (max-width:650px){.buttons{display:flex;flex-flow:column wrap}}.review-list{padding:0;list-style-type:none;width:70%}.post-review{text-decoration:none;color:#fff;font-size:20px;margin:2rem 0}.listen-btn,.review-btn{border:none;padding:12px 14px;font-size:20px;border-radius:5px;cursor:pointer;margin:0 3em}.listen-btn{background:#1db954;color:#191414}.no-reviews-error{color:#fff;font-size:20px}.review-form-container{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;height:100vh;background:url(https://images.unsplash.com/3/www.madebyvadim.com.jpg?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1661) 50%;background-size:cover;background-repeat:no-repeat}.review-form{text-align:center;width:65%;height:80%;border-radius:5.5px;box-shadow:0 0 3px 2px rgba(0,0,0,.15);background-color:#fff;color:#1f1f21}.album-title{font-size:24px}.title>label{font-size:18px;color:#1f1f21}.content,.rating-select,.title{margin:1rem}.review-form>div>label{margin-right:.25rem}#content,#rating,#title{margin-top:1em;padding:15px 18px;border-radius:2.2px;border:.6px solid hsla(0,0%,81.6%,.5);background-color:#e5e9ed}#rating,#title{width:41.5%;font-size:14px}#content{max-width:70%;max-height:160px;font-size:11px}.review-submit-btn{width:41.5%;padding:15px 20px;border:none;background-color:#fc3c39;margin:.5em 0;border-radius:2.2px;font-size:20px;color:#fff;font-weight:200;cursor:pointer}.review-page{display:flex;flex-flow:column wrap;align-items:center;margin:4.5rem auto;max-width:65%;padding:2rem 2rem 1rem;border:5px solid #fc3c39;border-radius:10px}.title{margin:1rem 0}.review-page>p{font-size:18px}.album-art{padding-top:2rem}.album-art-link{text-align:center}.review-content{margin-bottom:2em}@media only screen and (max-width:575px){.album-art{width:60%}}.landing-page-container{width:100%}.landing-page-container>p{max-width:75%;font-size:1.15rem}.description-container,.screenshots-container{margin:2rem}.homepage-link{text-decoration:none;color:#fff;font-size:18px}.title{text-align:center;padding:0;margin:0}.homepage-btn{padding:14px 16px;border:none;border-radius:5px;background-color:rgba(252,61,57,.73);margin:1rem 0;justify-content:center}.btn-container{text-align:center}.screenshots-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,2fr));grid-gap:2rem;margin:2rem}.cell>p{font-size:18px;padding-top:1rem}.cell>img{max-width:100%;height:auto}.cell{border:5px solid rgba(252,61,57,.73);border-radius:10px;padding:2rem}.landing-header{background:url(https://images.unsplash.com/3/www.madebyvadim.com.jpg?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1661) 50%;background-size:cover;background-repeat:no-repeat;padding:4rem 2rem}.header-title{text-align:right}#sidenav{height:100%;position:fixed;width:15%;background-color:#1f1f21;-webkit-transition:.5s;transition:.5s;display:flex;flex-flow:column nowrap}.nav-item{width:100%;text-align:center;height:16.7%;cursor:pointer}.link{text-decoration:none;color:#fff;-webkit-transition:.3s;transition:.3s}div.logo{background-color:#1f1f21}.nav-text{font-weight:700;color:rgba(252,61,57,.73);margin:0 auto;padding:15px}@media only screen and (max-width:720px){#sidenav{width:28%}.nav-text{max-width:85%}div.nav-item.social{display:flex;flex-flow:column nowrap}}@media only screen and (max-width:500px){.nav-text{font-size:14px}}.svg,.svg.menu{width:50px}.svg{height:20%;margin-top:30px}.nav-item:active,.nav-item:hover{background-color:rgba(252,60,57,.345)}div.albums{background-color:#1f1f21}#closebtn,#openbtn{cursor:pointer}div.nav-item.social{background-color:#1f1f21;display:flex;align-content:space-around;flex-flow:column nowrap;justify-content:space-around}div.open{position:fixed;padding-left:5px;height:20%}.svg-social{width:42px;height:auto}.svg-social.linkedin path{fill:#0077b5}.svg-social.spotify path{fill:#1db954}
/*# sourceMappingURL=main.ef11c10f.chunk.css.map */