@import"https://use.typekit.net/gkr3kdw.css";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root{width:100%;min-height:100%}button{border:none;padding:0;margin:0;text-decoration:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}html *{outline:none;box-sizing:border-box}body{width:100vw;min-height:100vh;padding:3rem 5rem;display:flex;overflow-x:hidden;background-color:#fff;background:linear-gradient(120deg,#fff,#a9a9a9);font-family:scandia-web,sans-serif;font-weight:400;color:#000}.clickable{color:#099;cursor:pointer}.clickable:hover{color:#000}h1{font-size:40pt;font-family:scandia-line-web-stencil,sans-serif}h1 span{font-family:scandia-web-stencil,sans-serif}h2{font-family:scandia-web-stencil,sans-serif;font-size:xx-large;text-transform:uppercase}h3{font-family:scandia-line-web-stencil,sans-serif;font-size:x-large}ul{list-style:none}input{background:transparent;border:0;border-bottom:1px solid #000;font-family:inherit}.generic-page-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (orientation: portrait){body{padding:2rem}.clickable:hover{color:#17889b}}.home-header{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.game-lists{width:100%;display:flex;flex-direction:column;gap:5rem}@media screen and (orientation: portrait){.home-header{flex-direction:column;align-items:flex-start;gap:2rem}}header{display:flex;align-items:flex-end;gap:1rem;margin-bottom:4rem}.header-left,.header-left img{width:3.75rem}.main-menu{font-size:large}.menu{display:flex;gap:.5rem}footer{margin-top:3rem;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.footer-menu{font-size:medium}.footer-title{padding-left:1rem;border-left:2px solid #000;font-size:x-large}@media screen and (orientation: portrait){footer{justify-content:center}}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-icon{font-size:50pt;animation:rotate 1.5s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.game-list-container{display:flex;flex-direction:column;gap:2rem}.game-list-header{display:flex;align-items:center;justify-content:space-between}.genre{display:flex;align-items:center;gap:1rem;text-transform:uppercase}.game-list-expand-collapse-icon{font-size:larger}.game-list-items{display:flex;flex-wrap:wrap;gap:2rem 5%}.game-list-collapse{display:flex;align-self:center;align-content:center;gap:1rem;margin-top:2rem;font-size:larger}.game-list-collapse-text{font-family:scandia-line-web-stencil,sans-serif}@media screen and (orientation: portrait){.game-list-items{flex-direction:column}}.game-list-item-container{width:30%;display:flex;gap:1rem}.game-img{width:4rem;aspect-ratio:1;background-size:cover;background-position:center;border-radius:50%}.game-info-container{width:calc(100% - 6rem);display:flex;flex-direction:column;justify-content:center}.game-title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.game-year{font-size:larger}.game-info-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:2rem}.game-rating{display:flex;align-items:center;gap:.25rem;font-size:smaller}.game-info-icons{display:flex;gap:.5rem}@media screen and (orientation: portrait){.game-list-item-container{width:100%}}.login-outer-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.login-inner-container{display:flex;flex-direction:column;gap:2rem;margin-top:-5rem}.login-form{display:flex;flex:1;flex-direction:column;gap:1rem}.login-input{background:transparent;border:0;border-bottom:1px solid #000;font-family:letter-gothic-std,monospace;font-weight:medium;color:#aaa}.login-button-container{margin-top:1rem;display:flex;align-self:flex-end;gap:.5rem}.login-button{font-size:x-large}.login-notice{display:flex;align-items:center;gap:1rem}.login-notice-icon{font-size:x-large}.admin-page-container{display:flex;gap:5rem}.admin-page-container aside{display:flex;flex-direction:column;gap:3rem;flex:4}.admin-section{display:flex;flex-direction:column;gap:2rem}.admin-section-header{display:flex;justify-content:space-between;gap:2rem}.admin-header-wrapper{display:flex;gap:1rem}.admin-header-icon-wrapper{display:flex;gap:.5rem}.admin-header-icon{margin-top:.25rem;font-size:large}.admin-games-filters-wrapper{display:flex;align-items:center;gap:2rem}@media screen and (orientation: portrait){.admin-page-container{flex-direction:column-reverse;gap:3rem}.admin-section-header{flex-direction:column}.admin-users-container{display:none}}.admin-games-container{flex:5}.admin-game-list{display:flex;flex-direction:column;gap:.5rem;flex:1}.admin-game-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-column{display:flex;align-items:center}.admin-game-img{width:2.5rem;aspect-ratio:1;background-size:cover;background-position:center;border-radius:50%}.admin-game-year,.admin-game-rating{display:flex;flex:1;justify-content:center}.admin-game-name{flex:4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-game-genre{flex:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:smaller}.admin-game-rating{gap:.5rem;align-items:center;justify-content:flex-start;font-size:smaller}.admin-game-options-icon{font-size:medium;flex:1}@media screen and (orientation: portrait){.admin-game-column{font-size:smaller;min-width:2rem}.admin-game-img{display:none}.admin-game-rating{font-size:x-small}}.game-form{width:100%;display:flex;gap:2rem}.game-form-left-column{width:50%;display:flex;flex-direction:column;gap:1rem}.game-form-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.game-form-cover-img{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;border:.25rem solid #c3c3c3;border-radius:50%;color:#c3c3c3;font-size:20pt}.game-form-header-inputs{display:flex;flex-direction:column;gap:1rem;flex:1}.game-form-error{font-size:smaller;color:#e52717;margin-top:-.5rem}.game-form-genres{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:.5rem;gap:1rem}.game-form-genre{display:flex;gap:.5rem}.game-form textarea{background:transparent;font-family:inherit}.game-form fieldset{display:flex;justify-content:space-between}.game-form fieldset .wrapper{display:flex;flex-direction:column;gap:1rem}.game-form-buttons{display:flex;justify-content:flex-end;margin-top:1rem;gap:.5rem;flex:1}.game-form-button{font-size:x-large}.game-form-right-column{display:flex;flex-direction:column;gap:1rem;flex:1}.game-form-video{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:.25rem solid #c3c3c3;color:#a3a3a3;font-size:30pt}.game-form-video iframe{width:100%;aspect-ratio:16/9}@media screen and (orientation: portrait){.game-form{flex-direction:column}.game-form-left-column{width:100%}}.genre-error-container{max-width:60%;padding:1.25rem 1.75rem 1rem 1rem;margin-top:-1rem;background:#8fb3b3;display:flex;align-items:center;align-self:center;gap:1rem;color:#333;position:relative}.genre-error-icon{font-size:larger}.genre-error-message{font-size:smaller;margin-right:.5rem}.genre-error-close{cursor:pointer;position:absolute;top:.5rem;right:.5rem}.admin-genre-list{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}@media screen and (orientation: portrait){.genre-error-container{max-width:80%}}.admin-genre-list-item{display:flex;gap:.5rem}.genre-form{display:flex;flex-direction:column;gap:.25rem}.genre-form-row{display:flex;gap:1rem}.genre-form-error{font-size:smaller;color:#e52717;margin-top:.5rem}.game-card{width:100%;display:flex;gap:2rem}.game-card-img{width:10rem;height:14rem;background-size:cover;background-position:center}.game-card-info{width:calc((100% - 14rem)/2);display:flex;flex-direction:column;gap:1rem}.game-card-title-wrapper{display:flex}.game-card-favorite-icon{font-size:larger}.game-card-title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.game-card-subtitle{display:flex;align-items:center;justify-content:space-between}.game-card-subtitle-wrapper{display:flex;align-items:baseline;gap:1rem}.game-card-year{width:fit-content;font-size:x-large}.game-card-rating{display:flex;gap:.5rem;font-size:smaller}.game-card-description{text-align:justify}.game-card-info-bottom-container{display:flex;align-self:flex-end;gap:.5rem}.game-card-option-icon{font-size:larger}.game-card-video-outer-container{width:calc((100% - 14rem)/2);display:flex;align-items:flex-start}.game-card-video-inner-container{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.game-card-video-inner-container iframe{width:70%;aspect-ratio:16/9}.game-card-video-arrow{font-size:xx-large}@media screen and (orientation: portrait){.game-card{flex-direction:column}.game-card-img{width:7.5rem;height:unset;aspect-ratio:1;border-radius:50%;align-self:center}.game-card-info,.game-card-video-outer-container{width:100%}.game-card-subtitle-wrapper{align-items:center}.game-card-video-outer-container{margin-top:2rem}.game-card-video-inner-container{justify-content:space-between;gap:unset}.game-card-video-inner-container iframe{width:80%;aspect-ratio:16/9}.game-card-video-arrow{font-size:larger}}.not-found-page-container{display:flex;flex-direction:column;align-items:center;flex:1}.code-404{font-size:90pt}
