@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;900&display=swap);body{margin:0;font-family:"Titillium Web",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media screen and (max-width:601px){body{font-size:.5rem}}:root{--primary-color:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--secondary-color:#212121;--secondary-light:#313131;--secondary-dark:#111;--off-white:#eff6ff}.App{text-align:center;overflow:hidden}hr{border:1px solid #000;width:60%;margin:1rem auto;padding:0;display:block}.link{text-decoration:none}.navigation{text-align:center;width:100%;background-color:#3b82f6;background-color:var(--primary-color);padding:1rem;font-size:1.5rem;-webkit-text-decoration:bold;text-decoration:bold}.nav-icon,.navigation-header{display:inline;margin:1rem .1rem}.genre-list{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;padding:2rem;background-color:#eff6ff;background-color:var(--off-white);margin:auto auto 0;overflow:hidden}.genre-button{flex:1 1;width:8vh;min-width:210px;max-width:440px;font-family:"Titillium Web",sans-serif;font-size:1.6rem;margin:1rem 1.7rem;height:23vh;padding:1rem;-webkit-text-decoration:bold;text-decoration:bold;border:2px solid #212121;border:2px solid var(--secondary-color);border-radius:2rem;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.genre-button:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px);border:2.5px solid #2563eb;border:2.5px solid var(--primary-dark);color:#2563eb;color:var(--primary-dark);background-image:url(/static/media/TheNunButton.87a66b9c.png);background-size:cover}.genre-button h2{margin:auto}.suggestions{background-color:#60a5fa;background-color:var(--primary-light);margin-top:0;padding-top:1rem;overflow:hidden}.suggestion-card{width:60%;background-color:#111;background-color:var(--secondary-dark);display:flex;flex-wrap:wrap;border:1px solid #000;color:#3b82f6;color:var(--primary-color);margin:1.4rem auto 1rem;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);transition:.3s;cursor:pointer;border-radius:.8rem}.suggestion-card:hover{box-shadow:0 12px 24px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-2.3px);transform:translateY(-2.3px)}.suggestions-header{font-size:1.8rem;-webkit-text-decoration:bold;text-decoration:bold;margin:auto}.card-left{flex:2 1;width:30%;text-align:left;margin:0 1rem 0 0}.suggestion-card img{border-radius:.8rem;height:100%;width:100%}.card-info{margin:0 1rem;text-align:left;font-size:1.1rem;flex:7 1}.card-info p{color:#eff6ff;color:var(--off-white)}.card-info-header{text-align:left}.rating{text-align:center;padding:0;margin-bottom:0}.rating h2{padding-top:0;margin-top:0;font-size:2.1rem}.rating h3{padding-bottom:0;margin-bottom:0}.rating span{color:#eff6ff;color:var(--off-white)}.footer{background-color:#212121;background-color:var(--secondary-color);height:auto;padding:.8rem;font-size:1.1rem;text-align:center}.footer-content{margin:1rem}.footer-link{color:#60a5fa;color:var(--primary-light)}.footer-link:hover{color:#313131;color:var(--secondary-light)}@media screen and (max-width:800px){.navigation{text-align:center;width:100%;background-color:#3b82f6;background-color:var(--primary-color);padding:1rem;font-size:1.3rem;-webkit-text-decoration:bold;text-decoration:bold}.genre-button{padding:.6rem;font-size:1.4rem;width:6vh;height:19vh}.suggestion-card{width:90%;display:block}.card-info{font-size:1rem}.footer{height:auto}}
/*# sourceMappingURL=main.797a9983.chunk.css.map */