@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,600;0,800;1,700&display=swap";:root{--color-primary: #a3f7b5;--color-secondary: #0f1f2e;--color-alternative: #ebfbff}body{background-color:var(--color-secondary);color:var(--color-alternative);font-family:Barlow,sans-serif!important;font:24px Century Gothic,Futura,sans-serif;margin:25px}h1{font-size:5rem;margin:0;padding:0}h2{color:var(--color-primary);font-weight:800;margin-bottom:0;padding-bottom:0}h3{color:var(--color-primary);margin:0}h3,h4{font-size:1.5rem;font-weight:600}p{font-size:1.25rem}hint{opacity:.8}.revision{bottom:0;color:var(--color-primary);font-size:14px;padding-bottom:10px;position:fixed}.bold{font-weight:800}.icons{margin-top:40vh;text-align:center}.icon{font-size:36px;padding-left:2px;padding-right:2px}.back-icon{display:inline-block}.back-icon:hover{animation:back-icon-bounce .6s ease-in-out infinite}@keyframes back-icon-bounce{0%{transform:translate(0)}50%{transform:translate(-8px)}to{transform:translate(0)}}.icon:hover{color:var(--color-primary)}.icon:visited{color:inherit}.fadeOut{height:0;opacity:0;transition:width .5s .5s,height .5s .5s,opacity .5s;width:0}.fadeIn{height:100px;opacity:1;transition:width .5s,height .5s,opacity .5s .5s;width:100px}.homepage{min-height:100vh}.page{width:100%}.p-5{padding:5%}.album-art{opacity:0;transition:transform 1s ease,opacity 1s ease;width:100%}.album:hover .album-art{opacity:.8;transform:scale(1.04)}.album-art{display:block;transform-origin:center;will-change:transform}.album-art.is-visible{opacity:1}.reviews{display:flex;flex-wrap:wrap;justify-content:center}.reviews-blurred{filter:blur(6px);pointer-events:none}.reviews-controls{padding:1rem}.review{border:2px solid var(--color-primary);border-radius:.5rem;cursor:pointer;margin:1rem;padding:.5rem}.review .reviewText{display:none}.review:hover{border-color:var(--color-alternative)}.review-detailed{border:2px solid var(--color-primary);border-radius:.5rem;max-width:min(900px,90vw);padding:2rem;background-color:#000c;box-shadow:0 20px 60px #00000073;position:relative;z-index:10;max-height:85vh;overflow:auto}.review-detailed-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9}.review-detailed .close{align-items:center;background:transparent;border:none;color:var(--color-alternative);cursor:pointer;display:inline-flex;font-size:36px;justify-content:center;margin-bottom:1rem;padding:0;position:absolute;right:1rem;top:1rem}.review-detailed .close:focus,.review-detailed .close:hover{color:var(--color-primary);cursor:pointer;text-decoration:none}.review-detailed-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(140px,220px) minmax(0,1fr)}.review-detailed-media{display:flex;justify-content:center}.review-detailed-poster{border-radius:.75rem;box-shadow:0 10px 30px #00000059;max-width:100%}.review-detailed-body h3{margin-top:0}.review-detailed-meta{display:grid;gap:.25rem .75rem;grid-template-columns:repeat(2,max-content);margin:.75rem 0 1.5rem}@media screen and (max-width:710px){.review-detailed-grid{grid-template-columns:1fr}.review-detailed .close{right:1rem;top:1rem}}.commentIcon{float:right}.poster-wrapper{height:23rem;width:16rem}.poster{border-radius:.5rem;width:16rem}.ul-title{color:var(--color-alternative);font-style:italic;margin-right:.5rem;-webkit-text-decoration:underline var(--color-primary);text-decoration:underline var(--color-primary);text-decoration-thickness:3px}blockquote{border-left-style:solid;border-left-width:4px;color:inherit;font-style:italic;margin:2rem 1rem;padding-left:2rem}select{background-color:inherit;border:0 solid var(--color-primary);border-radius:.5rem;color:var(--color-alternative);font-family:Barlow,sans-serif;font-size:inherit;margin-left:.25rem;-webkit-text-decoration:underline var(--color-primary) .2rem;text-decoration:underline var(--color-primary) .2rem}.theme-icon{color:var(--color-primary);cursor:pointer;margin:2rem;position:absolute;right:0;top:0}.theme-icon:hover{color:var(--color-alternative);animation:theme-icon-pulse .9s ease-in-out infinite}.theme-icon .icon:hover,.theme-icon:hover .icon{color:var(--color-alternative)}@keyframes theme-icon-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.theme-primary{color:var(--color-primary)}.theme-alternative{color:var(--color-alternative)}.albums-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.album{width:16rem}@media screen and (max-width:725px){.album{width:33%}}@media screen and (max-width:710px){.review{margin:.5rem;padding:.5rem}.review svg{font-size:16px}.poster-wrapper{height:9rem;width:7rem}.poster{width:7rem}}@media screen and (max-width:605px){.review-detailed{font-size:18px}}