*,*:before,*:after{box-sizing:border-box}*:focus{outline:0;border:0}*{margin:0;padding:0}html,body{height:100%;padding:1rem}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}nav{text-align:center;padding:2rem 0}.navbar--logo-layout{display:flex;align-items:center;justify-content:center;gap:1rem}.logo{width:4rem}.card--container{margin:0 auto;max-width:960px;padding:1rem;margin-bottom:2rem;border-radius:10px;background-color:#e2e2e2;display:flex}h1.card--album-artist-name{margin-bottom:.4rem}h2{margin-bottom:-4px}h3{margin-top:1.5rem}p.card--album-release-date{display:flex;gap:.5rem;margin-bottom:1rem}p.card--listen-on-youtube-prompt{margin-bottom:.5rem}p.card--listen-on-youtube-prompt,.card--listen-on-spotify-prompt{display:flex;align-items:center;gap:.5rem}p.card--album-details{margin-top:1.25rem}.card--album-image{max-width:300px;-webkit-box-shadow:7px 8px 15px -13px rgba(121,120,120,.51);box-shadow:7px 8px 15px -13px #79787882}.card--album-info-container{padding:0 2rem}.card--my-review{margin-top:.25rem}body{font-family:Hind,sans-serif;letter-spacing:.25px}.navbar--logo-layout{color:#7300b2}h1{font-weight:700}p.card--album-release-date{font-size:.938rem;font-weight:300}.card--release-date-title{font-weight:600}h2{font-weight:500}a{color:#4a8070}a:hover{color:#36daa9}button{color:#1b4c3c}button{padding:.5rem 1rem;border-radius:7px;margin:1.5rem 0 1rem;cursor:pointer}.modal-background{width:100%;height:100%;background-color:#7fffd4e6;position:fixed;display:flex;top:0;left:0;justify-content:center;align-items:center;z-index:1}.modal-container{max-width:500px;height:auto;border-radius:12px;background-color:#fff;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;padding:25px}.card--my-review-title{display:inline-block;text-align:center;margin:1rem 0;font-size:1.5em}.modal-close-btn{display:flex;justify-content:flex-end}.modal-close-btn button{background-color:#7fffd4;border:1px solid #e2e2e2;font-size:1.25rem;cursor:pointer}.card--my-review{display:flex;flex:50%;justify-content:center;align-items:center;font-size:1.125rem;text-align:center;margin-bottom:4rem;height:auto}@media (max-width: 630px){.navbar--logo-layout{font-size:1.25rem;gap:.75rem}.logo{width:3rem}h2.card--album-title{font-size:1.25rem}.card--container{flex-direction:column}.card--album-image{margin:0 auto 1.25rem;padding-top:.5rem}.modal-container{margin:0 2rem}}