:root{--primary-color:#e01586;--secondary-color:#009fea;--accent-color:#ea9000;--headings-font:"Unbounded", serif}*{color:#fff;box-sizing:border-box;border:none;margin:0;padding:0;font-family:Noto Sans,sans-serif;text-decoration:none;transition:all .3s}body{background-color:#000;min-height:100vh}input{box-sizing:border-box;color:#000;padding:.5rem;font-size:1rem}label{margin-bottom:.5rem;font-size:1rem}button{cursor:pointer;text-transform:uppercase;color:#fff;letter-spacing:3%;border:1px solid var(--primary-color);background:var(--primary-color);border-radius:4px;padding:.75rem 4rem;font-size:1rem;font-weight:500;transition:all .3s}button:hover{background:var(--secondary-color);border-color:var(--secondary-color)}button.button-small{letter-spacing:4%;padding:.5rem 1rem;font-weight:500}.icon-button{background-color:#0000;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.icon-button:hover{background:#e0158583!important}.tip-text{color:#fc1c1c;text-align:left;letter-spacing:3%;margin:-8px 0 8px;font-size:14px}.input-error{border:1px solid #ff3c3c}.page-cover{z-index:-1;opacity:.2;width:100%;min-width:100vw;min-height:100vh;position:fixed;top:0;left:0}.empty-state{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:4rem;display:flex}.empty-state h4{font-family:var(--headings-font);text-align:center;margin-bottom:1rem;font-size:2rem}.empty-state p{text-align:center;max-width:450px;margin-bottom:2rem;line-height:2}.section-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fdfdfd1a;border-radius:5px;margin-bottom:2rem;padding:2rem;overflow:hidden}.section-top button{margin:1rem 0}.page-content{width:100%;max-width:1200px;margin:0 auto;padding-top:6rem;overflow:hidden}@media (width<=1240px){.page-content{padding:6rem 1rem 1rem}}@media (width<=600px){.page-content{padding-top:5rem}}.navbar-container{z-index:20;background-color:#000;width:100%;position:fixed;top:0;left:0}@media (width<=600px){.navbar-container{border-bottom:1px solid #ffffff32}}.navbar{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.logo{color:#fffdfd;cursor:pointer;font-size:1.5rem;font-weight:800;font-family:var(--headings-font);padding:.25rem .5rem}.profile-image{width:40px;height:40px;line-height:1;font-family:var(--headings-font);background:0 0;border:1px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.menu{align-items:center;display:flex}@media (width<=600px){.menu{display:none}}.navbar a{color:#fff;font-size:.75rem;font-family:var(--headings-font);letter-spacing:5%;opacity:.6;margin-right:1.5rem;font-weight:400;transition:all .3s}.navbar a.active,.navbar a:hover{opacity:1;text-decoration:underline}.navbar .profile{cursor:pointer;justify-content:flex-end;width:130px;display:flex;position:relative}@media (width<=600px){.navbar .profile{display:none}}.navbar .profile a{margin:0}.navbar .profile img{width:100%;height:auto}.profile-toggle{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dropdown{background-color:#000000e3;border:1px solid #ffffff2e;flex-direction:column;width:250px;padding:1rem;display:flex;position:absolute;top:48px;right:0}.dropdown a{border-bottom:1px solid #ffffff19;padding:1rem}.dropdown a.active{text-decoration:none}.dropdown a:last-of-type{border:none}.dropdown a:hover{background-color:#ffffff19}.dropdown button{border:1px solid var(--secondary-color);margin-top:1rem}.menu-toggle{display:none}@media (width<=600px){.menu-toggle{justify-content:center;align-items:center;display:flex}}.menu-toggle img{cursor:pointer;width:24px;height:auto;transition:all .3s}.mobile-menu{background-color:#000;border:1px solid #ffffff2e;flex-direction:column;width:100%;height:max-content;display:none;position:absolute;top:100%;right:0}@media (width<=600px){.mobile-menu{display:flex}}.mobile-menu a{border-bottom:1px solid #ffffff4d;margin:0;padding:1rem}.mobile-menu button{border:1px solid var(--secondary-color);margin:1rem}.logout-button{color:#fff;text-transform:uppercase;letter-spacing:3%;background:0 0;border:none;padding:8px 36px;font-family:Noto Sans;font-size:14px}@keyframes twitchTopwards{0%{bottom:2rem}50%{bottom:3rem}to{bottom:2rem}}.go-to-top-button{background-color:#0000;border:none;padding:1rem;position:fixed;bottom:2rem;right:1rem}.go-to-top-button:hover{background-color:#0000;border:none;animation-name:twitchTopwards;animation-duration:.5s;animation-iteration-count:infinite}.go-to-top-button img{width:30px;transform:rotate(90deg)}.hero-grid{grid-template-rows:400px 300px;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:8rem;display:grid}@media (width<=600px){.hero-grid{margin-bottom:3rem}}.hero-grid h1,.hero-grid h2{font-size:4rem;font-family:var(--headings-font);margin:0 0 1rem;line-height:1}@media (width<=600px){.hero-grid h1,.hero-grid h2{font-size:2rem}}.hero-grid-item{flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:relative;overflow:hidden}@media (width<=600px){.hero-grid-item{justify-content:flex-start;padding:.5rem}}.hero-grid-item a{letter-spacing:5%}.hero-grid-item a img{max-width:100%;height:auto;margin-left:1rem;transform:rotate(180deg)}.hero-grid-item-big{background:linear-gradient(270deg,#040404 0%,#232323 100%);grid-column:1/-1}.hero-grid-item-small{background:linear-gradient(270deg,#052447 0%,#0474f3 100%);grid-column:span 2}.home-content .hero-grid-item-small:last-of-type{background:linear-gradient(270deg,#5f0127 0%,#f06 100%)}.hero-grid-item .grid-item-img{width:400px;position:absolute;bottom:-100px;right:0}.home-content .hero-grid-item-small .grid-item-img{max-width:100%;height:auto;bottom:-50px;right:-100px}@media (width<=600px){.home-content .hero-grid-item-small .grid-item-img{width:400px;max-width:unset;bottom:-150px;right:-100px}}.home-content .hero-grid-item-small:last-of-type .grid-item-img{width:300px;right:-50px}@media (width<=600px){.home-content .hero-grid-item-small:last-of-type .grid-item-img{width:200px;bottom:-50px;right:0}}.games-section h2{font-size:4rem;line-height:1;font-family:var(--headings-font);margin:0 0 1rem}@media (width<=600px){.games-section h2{font-size:2rem}}.games-grid{margin-bottom:8rem}.games-list{flex-wrap:wrap;padding:0;display:flex}.game-wrapper{width:calc(33% - 1rem);margin:.5rem}@media (width<=600px){.game-wrapper{width:100%;margin:.5rem 0}}.game-card-containter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background-color:#0006;padding:1rem}.game-card-image{width:100%;height:200px;margin-bottom:1rem;position:relative;overflow:hidden}.game-card-image .cover{opacity:.7;width:100%;min-width:100%;height:auto;min-height:100%}.game-card-image:after{content:"";background-color:#00000048;width:100%;height:100%;position:absolute;top:0;left:0}.game-card-containter:hover img{opacity:1}.game-card-info h6{font-family:var(--headings-font);letter-spacing:2%;font-size:1rem;font-weight:200}.game-card-rating{z-index:2;justify-content:center;align-items:center;width:max-content;margin-left:auto;display:flex;position:absolute;bottom:.5rem;right:.5rem}.game-card-rating .rating{align-items:center;margin:0;display:flex}.game-card-rating p{letter-spacing:5%;font-size:1rem;font-weight:200;font-family:var(--headings-font);margin:0}.rating img{width:16px;margin:0 .25rem}.loading-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.loading-container img{width:50px;height:auto}.loading-container p{font-family:var(--headings-font);margin-top:1rem;font-size:2rem}.tags-section{margin-bottom:8rem}@media (width<=600px){.tags-section{margin-bottom:2rem}}.tags-section h2{font-size:4rem;font-family:var(--headings-font);margin:0 0 1rem;line-height:1}@media (width<=600px){.tags-section h2{font-size:2rem}}.tags-section .tags{flex-wrap:wrap;width:100%;margin:1rem 0;display:flex}.tags-section .tags .tag{cursor:pointer;background-position:50%;background-size:cover;width:calc(50% - .2rem);margin:.1rem;transition:all .3s}.tags-section .tags .tag .tag-content{text-align:center;text-transform:uppercase;background:radial-gradient(#07070700,#050505e6);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:300px;padding:2rem 1rem;display:flex}@media (width<=600px){.tags-section .tags .tag .tag-content{padding:2rem 1rem;font-size:1rem}}.tags-section .tags .tag .tag-content p{font-family:var(--headings-font);font-size:3rem;font-weight:900}.tags-section .tags .tag:hover .tag-content{background-color:#00000080}.genres-section{margin-bottom:8rem}@media (width<=600px){.genres-section{margin-bottom:2rem}}.genres-section h2{font-size:4rem;font-family:var(--headings-font);margin:0 0 1rem;line-height:1}@media (width<=600px){.genres-section h2{font-size:2rem}}.genres{flex-wrap:wrap;align-items:stretch;margin:1rem 0;display:flex}.genres .genre{cursor:pointer;background-position:50%;background-size:cover;width:calc(33% - .5rem);margin:.25rem;transition:all .3s}@media (width<=900px){.genres .genre{width:calc(33% - 1rem)}}@media (width<=600px){.genres .genre{width:calc(50% - 1rem)}}.genres-section .genre:hover{transform:scale(.9)}.genres-section .genre .genre-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;font-size:1.5rem;font-family:var(--headings-font);text-align:center;background-color:#000000b3;justify-content:center;align-items:center;height:100%;padding:5rem 1rem;display:flex}@media (width<=600px){.genres-section .genre .genre-content{font-size:1rem}}.full-page-loading{z-index:10;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.login-page{background-image:url(hero.jpg);background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.login-top{z-index:5;opacity:.5;position:fixed;top:1rem;left:1rem}.login-form{z-index:2;background-color:#5c5b5b4d;flex-direction:column;justify-content:center;align-items:center;width:700px;margin:2rem;padding:4rem;display:flex;position:relative}.login-form form{width:100%}.login-form input{background-color:#fffc;border-radius:4px;width:100%;margin:0 0 1rem;padding:1rem}.login-form input:focus{background-color:#fff}.login-form button{width:100%;margin-top:1rem}.login-form h1{color:#fff;font-family:var(--headings-font);text-align:center;margin-bottom:.25rem}.login-form .login-text{text-align:center;letter-spacing:1px;font-weight:200;font-family:var(--headings-font);margin-bottom:2rem}.login-form a{color:#fff;letter-spacing:3%;text-transform:uppercase;font-weight:500;font-family:var(--headings-font);margin-top:1rem}.login-form a:hover{text-decoration:underline}@media (width<=900px){.login-form{width:100%;margin:1rem;padding:2rem}}@media (width<=600px){.login-form{padding:1rem}.login-form h1{font-size:2rem}}.search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;flex-direction:column;height:80vh;display:flex}.search-field-container{box-sizing:border-box;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;padding:2rem 0;display:flex;position:relative}@media (width<=600px){.search-field-container{margin-bottom:1rem;padding:0}}.search-field-container input{border-radius:5rem;width:500px;margin:0;padding:1rem 2rem;font-size:1.3rem}@media (width<=600px){.search-field-container input{width:100%}}.search-field-container .search-content{z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@media (width<=600px){.search-field-container .search-content{width:100%}}.search-field-container .search-content h1{font-size:2rem;font-weight:400;font-family:var(--headings-font);margin-bottom:1rem}.search-empty-state{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.search-empty-state h4{font-family:var(--headings-font);text-align:center;margin-bottom:1rem;font-size:2rem}.search-empty-state p{text-align:center;max-width:450px;margin-bottom:2rem;line-height:2}.search-contents{padding:2rem;overflow-y:scroll}.profile-info{box-sizing:border-box;background-color:#0000008a;justify-content:center;align-items:center;width:100%;height:30vh;padding:1rem;display:flex;position:relative}.profile-info-content{z-index:5;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.profile-info h1{font-family:var(--headings-font);margin-top:1rem}.tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a;justify-content:flex-start;align-items:center;width:100%;margin:0 0 1rem;display:flex}@media (width<=600px){.tabs{flex-wrap:wrap}}.tabs .tab{cursor:pointer;font-size:12px;font-family:var(--headings-font);text-transform:uppercase;border-right:1px solid #ffffff1a;padding:.75rem 2rem;transition:all .3s}@media (width<=600px){.tabs .tab{text-align:center;width:33%;min-width:max-content;padding:.5rem}}.tabs .tab:last-of-type{border:none}.tabs .tab:hover,.tabs .tab-active{color:#fff;background-color:var(--primary-color)}.review-wrapper{width:calc(50% - 1rem);margin:.5rem}@media (width<=600px){.review-wrapper{width:100%;margin:0 0 .5rem}}.profile-reviews{flex-wrap:wrap;justify-content:space-between;display:flex}.profile-info .profile-image{border:5px solid #fff;width:100px;height:100px;font-size:3rem}.profile-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;height:80vh}.profile-content-items{height:100%;max-height:100%;padding:1rem}.search-contents{height:100%}.profile-empty-state{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-empty-state h4{font-family:var(--headings-font);text-align:center;margin-bottom:1rem;font-size:2rem}.profile-empty-state p{text-align:center;max-width:450px;margin-bottom:2rem;line-height:2}.review{background:radial-gradient(circle,#2d282b1a 0%,#fcfafb33 100%);border:1px solid #f9f7f81b;border-radius:1rem;width:100%;height:100%;margin:0 0 1rem;padding:1rem}.review-text{height:6rem;letter-spacing:3%;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:1rem 0 0;line-height:2;display:-webkit-box;overflow:hidden}.review-title{justify-content:space-between;align-items:center;display:flex}.review-title span{font-family:var(--headings-font);color:var(--secondary-color);letter-spacing:5%;margin-right:.5rem;font-size:12px}.review-form{flex-direction:column;width:50%;padding:0 2rem 2rem;display:flex}.review-form textarea{width:100%;letter-spacing:3%;height:max(200px, max-content);background:0 0;border:1px solid #ffffff6b;padding:1rem;font-size:16px;line-height:1.5;display:block}.review-form button{width:max-content;margin-top:1rem}.review-game-info{align-items:center;display:flex}.review-game-info p a{font-family:var(--headings-font)}.review-game-info p a:hover{text-decoration:underline}.review-game-info .game-bg{background-position:50%;background-size:cover;border-radius:10px;width:90px;height:60px;margin-right:1rem}.review .options{display:flex}.game-rating-input{justify-content:center;align-items:center;margin:1rem;display:flex}.game-rating-input img{cursor:pointer;width:36px;height:auto;margin:.25rem}.register-form{z-index:2;background-color:#5c5b5b4d;flex-direction:column;justify-content:center;align-items:center;width:700px;margin:2rem;padding:4rem;display:flex;position:relative}.register-form form{width:100%}.register-form input{background-color:#fffc;border-radius:4px;width:100%;margin:0 0 1rem;padding:1rem}.register-form input:focus{background-color:#fff}.register-form button{width:100%;margin-top:1rem}.register-form h1{color:#fff;font-family:var(--headings-font);text-align:center;margin-bottom:.25rem}.register-form .register-text{color:#fff;text-align:center;letter-spacing:1px;font-weight:200;font-family:var(--headings-font);margin-bottom:2rem}.register-form a{letter-spacing:3%;text-transform:uppercase;font-weight:500;font-family:var(--headings-font);margin-top:1rem}.register-form a:hover{text-decoration:underline}@media (width<=900px){.register-form{width:100%;margin:1rem;padding:2rem}}@media (width<=600px){.register-form{padding:1rem}.register-form h1{font-size:2rem}}.password-input{width:100%;margin-bottom:1rem;position:relative}.password-input input{margin:0}button.toggle-password-visibility{z-index:5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:max-content;height:max-content;margin:0;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.register-page{background-image:url(hero.jpg);background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;width:100%;height:100%;position:absolute}.register-top{z-index:5;opacity:.5;position:fixed;top:1rem;left:1rem}.tag-detail{box-sizing:border-box;background:linear-gradient(#07070700 0%,#070707cc 20%,#000 90%);width:100%;margin:0 auto;padding:2rem calc(50vw - 600px);position:relative}@media (width<=600px){.tag-detail{padding:0}}.tag-header{background-position:50%;background-size:cover;margin:2rem 1rem}@media (width<=600px){.tag-header{margin:0 0 1rem}}.tag-header h1{font-size:5rem;font-family:var(--headings-font);margin-bottom:2rem}@media (width<=600px){.tag-header h1{margin-bottom:1rem;font-size:2rem}}.tag-header .tag-contents{z-index:2;padding:1rem;position:relative}@media (width<=600px){.tag-header .tag-contents{padding:0}}.read-more{color:#fff;letter-spacing:3%;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:2;display:-webkit-box;overflow:hidden}.read-more.active{-webkit-line-clamp:unset}.read-more-container button{text-transform:capitalize;color:var(--primary-color);background:0 0;border:none;margin:.25rem 0 0;padding:0;font-family:Noto Sans;font-size:1rem}.back-button-container{width:100%;margin:2rem 0 4rem;padding-bottom:1rem;display:flex}@media (width<=600px){.back-button-container{margin:1rem 0;padding:0}}.back-button{cursor:pointer;will-change:transform;font-family:var(--headings-font)}.back-button img{width:24px;height:auto;margin-right:1rem}@keyframes twitchBackwards{0%{margin-left:0}50%{margin-left:-1rem}to{margin-left:0}}.back-button:hover{animation-name:twitchBackwards;animation-duration:.5s;animation-iteration-count:infinite}.game-detail{box-sizing:border-box;width:100%;margin:0 auto;padding:2rem calc(50vw - 600px);position:relative}@media (width<=600px){.game-detail{padding:0}}.game-detail h1{text-align:center;font-size:3rem;font-family:var(--headings-font);margin:2rem 0}@media (width<=600px){.game-detail h1{margin-bottom:1rem;font-size:2rem}}.game-detail h5{font-size:1.5rem;font-weight:400;font-family:var(--headings-font)}.game-detail .game-description-container{margin-bottom:1rem}.game-detail .tags{flex-wrap:wrap;justify-content:flex-end;margin:1rem 0;display:flex}.game-detail .tags .tag{letter-spacing:5%;will-change:contents;border:1px solid #ffffff8b;border-radius:16px;margin:0 .5rem .5rem 0;padding:4px 8px;font-size:12px}.game-detail .tags .tag:hover{color:var(--primary-color);background-color:#fff}.platforms{flex-wrap:wrap;width:100%;margin:0 -.5rem;padding:1rem 0 2rem;display:flex}.platform{background-position:50%;width:calc(25% - .5rem);margin:.25rem}@media (width<=600px){.platform{width:calc(50% - .5rem)}}.platform-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3737371a;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex}.platform-logo img{width:100%;height:auto}.game-info-columns{align-items:flex-start;margin-bottom:2rem;display:flex}@media (width<=600px){.game-info-columns{flex-direction:column}}.game-info-column:first-of-type{width:calc(70% - 2rem);margin-right:2rem}@media (width<=600px){.game-info-column:first-of-type{width:100%;margin:0}}.game-info-column:last-of-type{width:30%}@media (width<=600px){.game-info-column:last-of-type{width:100%}}.game-reviews{align-items:flex-start;width:100%;display:flex}@media (width<=600px){.game-reviews{flex-direction:column}}.game-detail h3{text-align:center;font-size:2rem;font-weight:300;font-family:var(--headings-font);margin:4rem 0 2rem}.review-form-container{border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:2rem;display:flex;position:relative;overflow:hidden}@media (width<=600px){.review-form-container{width:100%}}.review-form textarea{background-color:#fff3;border-radius:1rem;width:100%;min-height:200px}.review-form button{background-color:#0000;border-color:#fff;width:100%}.review-form-background{z-index:1;opacity:.5;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute}.review-form-background:after{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;width:100%;height:100%;position:absolute}.review-form{z-index:2;width:100%;position:relative}.review-form-container h5{z-index:2;margin:0;position:relative}.reviews-listing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;width:50%;height:100%;min-height:40vh;padding:2rem;overflow-y:scroll}@media (width<=600px){.reviews-listing{width:100%;padding:0}}.reviews-empty-state{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.reviews-empty-state h4{font-family:var(--headings-font);text-align:center;margin-bottom:1rem;font-size:2rem}.reviews-empty-state p{text-align:center;max-width:450px;margin-bottom:2rem;line-height:2}.manage-game-buttons{justify-content:center;align-items:center;width:100%;margin:4rem 0;display:flex}@media (width<=600px){.manage-game-buttons{flex-wrap:wrap;margin:1rem 0}}.manage-game-buttons button{will-change:transform;background-color:#0000;border:1px solid #fff;min-width:15%;margin:.1rem;padding:.5rem 1rem;font-size:12px}@media (width<=600px){.manage-game-buttons button{width:calc(50% - .5rem);margin:0 .25px .5rem}}.manage-game-buttons button:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);transform:scale(.9)}.manage-game-buttons button.active-library-button{background-color:var(--secondary-color);border-color:var(--secondary-color)}.manage-game-buttons button.active-library-button:hover{color:#fff;background-color:#0000;border:1px solid #fff}.genre-detail{box-sizing:border-box;width:100%;margin:0 auto;padding:2rem calc(50vw - 600px);position:relative}@media (width<=600px){.genre-detail{padding:0}}.genre-header{background-position:50%;background-size:cover;margin:2rem 1rem}@media (width<=600px){.genre-header{margin:0 0 1rem}}.genre-header h1{font-size:5rem;font-family:var(--headings-font);margin-bottom:2rem}@media (width<=600px){.genre-header h1{margin-bottom:1rem;font-size:2rem}}.genre-header .genre-contents{z-index:2;padding:1rem;position:relative}@media (width<=600px){.genre-header .genre-contents{padding:0}}.tags-page{padding:2rem calc(50vw - 600px)}@media (width<=600px){.tags-page{padding:0}}.tags-page h1{font-family:var(--headings-font);margin:2rem 0;font-size:3rem}@media (width<=600px){.tags-page h1{margin:0 0 1rem;font-size:2rem}}.tags-page .tags{flex-wrap:wrap;display:flex}.tags-page .tags .tag{cursor:pointer;background-position:50%;background-size:cover;width:calc(50% - 1rem);margin:.5rem}@media (width<=600px){.tags-page .tags .tag{width:100%;margin:0 0 .5rem}}.tags-page .tags .tag-content{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:2rem;font-family:var(--headings-font);background-color:#000000b3;padding:4rem 2rem}@media (width<=600px){.tags-page .tags .tag-content{padding:2rem;font-size:1.5rem}}.genres-page{padding:2rem calc(50vw - 600px)}@media (width<=600px){.genres-page{padding:0}}.genres-page h1{font-size:3rem;font-family:var(--headings-font);margin:2rem 0}@media (width<=600px){.genres-page h1{margin:0 0 1rem;font-size:2rem}}.genres-page .genres{flex-wrap:wrap;display:flex}.genres-page .genres .genre{cursor:pointer;background-position:50%;background-size:cover;width:calc(50% - 1rem);margin:.5rem}@media (width<=600px){.genres-page .genres .genre{width:100%;margin:0 0 .5rem}}.genres-page .genres .genre-content{text-align:center;text-transform:uppercase;font-size:2rem;font-weight:800;font-family:var(--headings-font);background-color:#0006;padding:8rem 2rem}@media (width<=600px){.genres-page .genres .genre-content{padding:2rem;font-size:1.5rem}}