.news-card{background-color:var(--color-real-black);z-index:2;border-radius:9px;flex-direction:column;width:50rem;height:20rem;display:flex;position:relative;box-shadow:0 8px 24px #959da533}.news-card .news-card-image{object-fit:cover;border-top-left-radius:9px;border-bottom-left-radius:9px;width:80%;height:100%}.news-card .darken-image-right{z-index:1;background:linear-gradient(90deg,#10101000 0%,#000 80%);width:6rem;height:100%;position:absolute;right:20%}.news-card .news-card-text{background-color:var(--color-real-black);border-right:2px solid var(--color-link-active);z-index:2;border-radius:9px;flex-direction:column;justify-content:space-between;width:60%;padding:1rem;display:flex;position:absolute;top:1.5rem;bottom:1.5rem;right:0}.news-card .news-card-text .news-card-title{flex-wrap:wrap;justify-content:space-between;display:flex}.news-card .news-card-text .news-card-title .news-date{color:var(--color-footer-heading);white-space:nowrap;align-content:center;font-size:1.2rem}.news-card .news-card-text .news-card-title .news-heading{color:var(--color-real-white);padding-right:.2rem;font-family:iceland,sans-serif;font-size:1.8rem}.news-card .news-card-text .news-text{color:var(--color-nintendo-gray);font-size:1.2rem;font-weight:100}.news-card .news-card-text .news-read-button{background-color:var(--color-black);border:2px solid var(--color-real-white);color:var(--color-real-white);cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;width:fit-content;height:3rem;padding:0 17px;font-family:rancho,sans-serif;font-size:1rem;font-weight:600;line-height:24px;transition:background-color .2s ease-out;display:flex}.news-card .news-card-text .news-read-button:hover{background-color:var(--color-black-light);transition:background-color .2s ease-in}.news-card .news-card-text .news-read-button:active{border:2px solid var(--color-real-black)}@media (max-width:850px){.news-card{width:95vw}.news-card .news-card-text{width:70%}}@media (max-width:650px){.news-card{height:fit-content}.news-card .news-card-image,.news-card .darken-image-right{display:none}.news-card .news-card-text{gap:1rem;width:100%;height:100%;position:static}.news-card .news-read-button{align-self:center}}
#suggestion-search{border-radius:4px;align-items:center;gap:2rem;width:45rem;padding:1rem;display:flex}#suggestion-search #gameSearch{color:var(--color-real-white);background:var(--color-real-black);border:1px solid var(--color-auth-border-bottom);border-radius:8px;outline:none;width:500px;font-family:arima,sans-serif;font-size:1.2rem}#suggestion-search #viewButton:active{filter:brightness(.3)}@media (max-width:700px){#suggestion-search{flex-direction:column;gap:.5rem;width:fit-content;padding-top:1rem}#suggestion-search #gameSearch{max-width:380px;font-size:1rem}}@media (max-width:400px){#suggestion-search #gameSearch{width:280px;font-size:.9rem}}
#topicSelection{background-color:#00000080;border-radius:14px;flex-direction:column;gap:2rem;padding:1rem;display:flex}#topicSelection #topic-selection-top{gap:6rem;padding-bottom:3rem;display:flex}#topicSelection #topic-selection-top #topic-selection-list{flex-direction:column;padding-left:.5rem;display:flex}#topicSelection #topic-selection-top #topic-selection-list .topic-selection-list__item{cursor:pointer;color:#f0cca460;align-items:center;gap:.5rem;width:fit-content;list-style:none;transition:color .3s ease-in-out;display:flex;position:relative}#topicSelection #topic-selection-top #topic-selection-list .topic-selection-list__item .item-title{white-space:nowrap;font-family:iceland,sans-serif;font-size:3rem;font-weight:100;transition:all .5s ease-in-out}#topicSelection #topic-selection-top #topic-selection-list .topic-selection-list__item:hover{color:var(--color-link-active);transition:color .3s ease-in-out}#topicSelection #topic-selection-top #topic-selection-list .active{color:var(--color-link-active)}#topicSelection #topic-selection-top #topic-selection-list .active .item-arrow{opacity:1;font-size:2.5rem;transition:all 1s ease-in-out;animation:2s ease-in-out reverse fadeout;display:block;position:absolute}#topicSelection #topic-selection-top #topic-selection-list .active .item-title{transition:all 1s ease-in-out;transform:translate(40px)}#topicSelection #topic-selection-top #topic-selection-text{color:var(--color-nintendo-gray);border-style:solid;border-left-width:2px;border-left-color:currentColor;border-right-width:0;border-right-color:currentColor;border-image:linear-gradient(#181818,#eee,#181818) 1 100%;align-content:center;max-width:60rem;height:auto;min-height:10rem;padding-left:2rem;font-family:arima,sans-serif;font-size:1.3rem;line-height:1.4rem}#topicSelection .recent-news__heading{text-transform:uppercase;color:var(--color-real-white);text-align:center;align-self:center;font-family:Playfair Display,sans-serif;font-size:2rem}#topicSelection .recent-news__heading:after{content:"";border-style:solid solid none;border-top-width:2px;border-top-color:currentColor;border-bottom-width:0;border-bottom-color:currentColor;border-image:linear-gradient(270deg,#181818,#eee,#181818) 1 0;width:10rem;margin:.8rem auto 0;padding-left:2rem;padding-right:2rem;display:block}#topicSelection #newsCards{flex-wrap:wrap;justify-content:center;align-self:center;gap:2rem;display:flex}@media (max-width:1100px){#topicSelection #topic-selection-top{gap:5rem}}@media (max-width:1000px){#topicSelection #topic-selection-top{flex-direction:column;gap:0;padding-bottom:0}#topicSelection #topic-selection-top #topic-selection-text{border-style:solid solid none;border-top-width:2px;border-top-color:currentColor;border-bottom-width:0;border-bottom-color:currentColor;border-left-width:0;border-left-color:currentColor;border-image:linear-gradient(270deg,#181818,#eee,#181818) 1 0;align-content:flex-start;margin-top:1rem;padding-top:1rem;padding-left:2rem;padding-right:2rem;font-size:1.2rem}}@media (max-width:500px){#topicSelection{padding:0}#topicSelection #topic-selection-top #topic-selection-text{min-height:14rem;margin-left:1rem;margin-right:1rem;padding-left:.5rem;padding-right:.5rem}#topicSelection #topic-selection-top #topic-selection-list .topic-selection-list__item .item-title{font-size:2rem}#topicSelection #topic-selection-top #topic-selection-list .active .item-arrow{font-size:2rem}#topicSelection .recent-news__heading{font-size:1.2rem}}