*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background-color:#000;background-position:50%;background-size:cover}@font-face{font-family:"SEGA LOGO FONT";font-style:normal;font-weight:400;src:local("SEGA LOGO FONT"),url(/static/media/SEGA.47b4bfa9.woff) format("woff")}h1{font-family:"SEGA LOGO FONT";color:#04fa87;font-weight:200}.card__container{display:flex;flex-direction:column;justify-content:space-around}.image__box{width:19rem;height:auto;margin:1rem}.box-art{background-size:cover;background-repeat:no-repeat;background-position:50%;max-width:100%;height:20rem;border-radius:10px}@font-face{font-family:"Sansation";font-style:normal;font-weight:400;src:local("Sansation"),url(/static/media/Sansation_Regular.b245b053.woff) format("woff")}@font-face{font-family:"Sansation Light";font-style:normal;font-weight:400;src:local("Sansation Light"),url(/static/media/Sansation_Light.7b41493a.woff) format("woff")}@font-face{font-family:"Sansation Bold";font-style:normal;font-weight:400;src:local("Sansation Bold"),url(/static/media/Sansation_Bold.207a4b03.woff) format("woff")}.title-box{margin:1rem 0 2rem;display:inline-block;padding:1rem;background-color:#000;font-family:sansation;font-weight:100;font-size:1.5rem;background-image:linear-gradient(90deg,#12ee12,#00f);background-clip:text;color:transparent;-webkit-background-clip:text}.card__section{display:flex;flex-direction:row;justify-content:space-around;height:auto;max-width:100%;flex-wrap:wrap;padding:.5rem 1rem 1rem}.grow{transition:all .3s ease}.grow:hover{transform:scale(1.1)}.searchBar__container{display:flex;justify-content:center;width:100%;height:8rem;align-items:center;background:linear-gradient(27deg,#151515 5px,transparent 0) 0 5px,linear-gradient(207deg,#151515 5px,transparent 0) 10px 0,linear-gradient(27deg,#222 5px,transparent 0) 0 10px,linear-gradient(207deg,#222 5px,transparent 0) 10px 5px,linear-gradient(90deg,#1b1b1b 10px,transparent 0),linear-gradient(#1d1d1d 25%,#1a1a1a 0,#1a1a1a 50%,transparent 0,transparent 75%,#242424 0,#242424);background-color:#131313;background-size:2rem 2rem}.searchBar{flex:0 0 1%;height:3rem;padding-left:1.5rem;border-radius:2rem;background-image:linear-gradient(90deg,#12ee12,#00f);outline:none;color:#fff;border:none;transition:all .3s ease-out}@media screen and (max-width:29.5em){.searchBar{height:2.5rem}}@media screen and (max-width:25em){.searchBar{height:2rem}}.searchBar:hover,:focus{flex:0 0 30%;height:3rem;font-size:2rem;font-family:sansation;padding:0 1.5rem;border-radius:2rem;background:#fff;outline:none;color:#000;transition:all .3s}::-webkit-input-placeholder{color:#fff;font-family:sansation;font-size:2rem}:-ms-input-placeholder{color:#fff;font-family:sansation;font-size:2rem}::placeholder{color:#fff;font-family:sansation;font-size:2rem}@media screen and (max-width:29.5em){::-webkit-input-placeholder{font-size:1.5rem}:-ms-input-placeholder{font-size:1.5rem}::placeholder{font-size:1.5rem}}::-webkit-input-placeholder:hover{color:#000;font-family:sansation;font-size:1rem}:-ms-input-placeholder:hover{color:#000;font-family:sansation;font-size:1rem}::placeholder:hover{color:#000;font-family:sansation;font-size:1rem}.header{height:20vh;width:100%;display:flex;padding:1rem;justify-content:center;align-items:center;background:linear-gradient(27deg,#151515 5px,transparent 0) 0 5px,linear-gradient(207deg,#151515 5px,transparent 0) 10px 0,linear-gradient(27deg,#222 5px,transparent 0) 0 10px,linear-gradient(207deg,#222 5px,transparent 0) 10px 5px,linear-gradient(90deg,#1b1b1b 10px,transparent 0),linear-gradient(#1d1d1d 25%,#1a1a1a 0,#1a1a1a 50%,transparent 0,transparent 75%,#242424 0,#242424);background-color:#131313;background-size:2rem 2rem}@media screen and(max-width:42.06em){.header{height:10vh}}h1{background-image:linear-gradient(90deg,#12ee12,#00f);background-clip:text;color:transparent;-webkit-background-clip:text;font-size:4rem}h1:hover{transform:skew(-7deg,-10deg)}@media screen and (max-width:40.63em){h1{font-size:3rem}}@media screen and (max-width:21.89em){h1{font-size:2.8rem}}.static-cards__container{padding:1rem 1rem 1rem .5rem;display:flex;justify-content:flex-start;margin:0 2rem 0 0;width:100%;height:50rem}@media screen and (max-width:62.31em){.static-cards__container{height:46rem;justify-content:center}}@media screen and (max-width:57.62em){.static-cards__container{height:39rem}}@media screen and (max-width:53.87em){.static-cards__container{height:36rem}}@media screen and (max-width:50em){.static-cards__container{height:34rem}}@media screen and (max-width:43.75em){.static-cards__container{height:31rem}}@media screen and (max-width:40.63em){.static-cards__container{height:28rem}}@media screen and (max-width:39em){.static-cards__container{height:26rem}}@media screen and (max-width:36em){.static-cards__container{height:26rem;justify-content:center}}@media screen and (max-width:31.25em){.static-cards__container{height:25rem;justify-content:center}}@media screen and (max-width:29.5em){.static-cards__container{height:23rem;justify-content:center}}@media screen and (max-width:27.5em){.static-cards__container{height:21rem;justify-content:center}}@media screen and (max-width:25em){.static-cards__container{height:18rem;justify-content:center}}@media screen and (max-width:20.5em){.static-cards__container{height:17rem;justify-content:center}}@media screen and (max-width:19.5em){.static-cards__container{height:15.8rem;justify-content:center}}.card{flex:0 0 26%;background-color:#17141d;border-radius:2rem;box-shadow:-1rem 0 3rem #000;transition:.4s ease-out;position:relative;left:3.4rem;margin:0 2.4rem 0 -3.8rem;display:flex}@media screen and (max-width:50em){.card{flex:0 0 27%}}@media screen and (max-width:36em){.card{flex:0 0 28%}}@media screen and (max-width:27.5em){.card{flex:0 0 29%}}@media screen and (max-width:21.89em){.card{flex:0 0 30%}}.card:last-child{flex:0 0 26.1%}.card-image{background-size:cover;border-radius:1rem;background-repeat:no-repeat;background-position:50%;height:100%;width:100%}.card:hover{transform:translateY(-10px);transition:.2s ease-out}.card:hover~.card:not(:last-child){left:46.4px;transition:.4s ease-out}
/*# sourceMappingURL=main.82b32f91.chunk.css.map */