.card-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.card-wrapper .card-container{background-color:#464545;border-radius:2px;box-shadow:0 2px 20px red;justify-content:space-evenly;margin-bottom:1em;margin-right:1em;overflow:hidden;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.card-wrapper .card-container:hover{box-shadow:0 2px 20px blue;-webkit-transform:scale(1.05);transform:scale(1.05)}.card-wrapper .card-container .card-image,.card-wrapper .card-container img{border-radius:0;height:211px;width:256px}.card-wrapper .card-container .card-body{max-width:256px;padding:1em}.card-wrapper .card-container .card-body .btn-buy-container{display:flex;justify-content:right}.card-wrapper .card-container .card-body button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;display:inline-block;font-size:16px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.card-wrapper .card-container .card-body button:hover{background-color:#13b7e9;color:#fff}.hero-image{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/cover-pic1.34c114c650840c9438da.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:60%;position:relative}.hero-image .hero-text{color:#fff;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cards-home-container{justify-content:center;margin:0 6em;padding-top:2em}.navigation{display:flex;font-size:1.5em;justify-content:space-between;margin:.5em 2em;padding:0;width:90%}.navigation a{color:#f2f2f2;float:right;font-size:25px;padding:14px 16px;text-align:center;text-decoration:none}.navigation a:hover{color:#ff0}.shark-logo{margin-left:2em;width:400px}.pages-link{align-items:center;display:flex;justify-content:flex-end;margin-right:2em}.user-image{border-radius:50%;height:60px;width:60px}button{cursor:pointer;font-size:.7em;padding:1.5%}.glow-on-hover{background:#06fffa;border:none;border-radius:10px;color:#000;cursor:pointer;height:50px;outline:none;position:relative;width:100px;z-index:0}.glow-on-hover:before{-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";-webkit-filter:blur(5px);filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{background:#06fffa;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.authForm{display:flex;flex-direction:column;width:40%}.authForm .authFormButton,.authForm input{border-radius:.5em;font-size:1.2em;margin:2%;padding:2%}label{margin-left:2%}button{background-color:#01ffff}input[type=file]::-webkit-file-upload-button{background-color:#dc8eff;border:2px solid #6c5ce7;border-radius:2em;padding:.3em .4em;-webkit-transition:1s;transition:1s}input[type=file]::file-selector-button{background-color:#dc8eff;border:2px solid #6c5ce7;border-radius:2em;padding:.3em .4em;transition:1s}.profile-page{text-align:center}.profile-page,a{color:#f2f2f2;text-decoration:none}a:hover{color:#ff0}.profile-games{display:grid;grid-template-columns:auto auto auto auto auto}.profile-games-wrapper .image{position:relative;width:180px}.profile-games-wrapper .image__img{display:block;width:100%}.profile-games-wrapper .image__overlay{align-items:center;background:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;font-family:Quicksand,sans-serif;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s;width:100%}.profile-games-wrapper .image__overlay:hover{opacity:1}.profile-games-wrapper .image__overlay>*{-webkit-transform:translateY(50px);transform:translateY(50px);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.profile-games-wrapper .image__overlay--blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-games-wrapper .image__overlay:hover>*{-webkit-transform:translateY(0);transform:translateY(0)}.profile-games-wrapper .image__title{font-size:2em;font-weight:700}.profile-games-wrapper .image__description{font-size:1.25em}.profile-games-wrapper .li{list-style-type:none;text-decoration:none}.profile-games-wrapper .li ul{display:inline}.profile-games-wrapper a{color:#fff}.addForm form{display:flex;flex-direction:column;height:auto;position:relative;width:auto}.addForm form button{color:#03e9f4;display:inline-block;font-size:16px;letter-spacing:4px;margin-top:40px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.addForm button:hover{background:#03e9f4;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4;color:#8e1c1c}.addForm button span{display:block;position:absolute}.addForm button span:first-child{-webkit-animation:btn-anim1 1s linear infinite;animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#03e9f4);height:2px;left:-100%;top:0;width:100%}@-webkit-keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.addForm button span:nth-child(2){-webkit-animation:btn-anim2 1s linear infinite;animation:btn-anim2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;background:linear-gradient(180deg,transparent,#03e9f4);height:100%;right:0;top:-100%;width:2px}@-webkit-keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.addForm button span:nth-child(3){-webkit-animation:btn-anim3 1s linear infinite;animation:btn-anim3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background:linear-gradient(270deg,transparent,#03e9f4);bottom:0;height:2px;right:-100%;width:100%}@-webkit-keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.addForm button span:nth-child(4){-webkit-animation:btn-anim4 1s linear infinite;animation:btn-anim4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s;background:linear-gradient(1turn,transparent,#03e9f4);bottom:-100%;height:100%;left:0;width:2px}@-webkit-keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.main-footer{background-color:#464545;bottom:0;color:#fff;padding-top:3em;position:relative;width:100%}.summary-container{display:flex;flex-direction:row}.summary-container .summary-text{margin-right:10em}.summary-container .summary-text .game-action{display:flex;flex-direction:row}.summary-container .summary-text .game-action h1{margin-right:20px}.summary-container .summary-text .game-action .action-button{align-items:center;display:flex}.summary-container .summary-text .game-action .action-button a{background-color:#01ffff;color:#000;font-size:11.5px;line-height:40px;margin-right:5px;text-align:center}.summary-container .buy-button{align-items:center;display:flex;flex-direction:row}.summary-container .buy-button h3{margin-right:20px}.summary-container .game-screenshots{display:flex;flex-direction:column}.summary-container .game-screenshots img{margin-bottom:50px;margin-right:8em;max-width:350px}.summary-container .button-size{height:44px;width:100px}.profile-card{align-items:center;display:flex}.profile-card img{border-radius:50%;height:50px;margin-right:10px;width:50px}.profile-card span{color:#fff;font-weight:700}.search-bar{display:flex;justify-content:center}.search-bar input{background:#f1f1f1;border:1px solid gray;float:left;font-size:17px;justify-content:left;padding:10px;width:100vh}.content-container{display:flex;flex-direction:row-reverse}.content-container .game-filter{display:flex;flex-direction:column;padding:1em}#root{align-items:center;flex-direction:column}#root,body{display:flex}body{align-content:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;height:100vh;justify-content:center;width:100vw}form{align-self:center;border-radius:7px;box-shadow:0 0 0 .5px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07);min-width:500px;padding:40px;width:30vw}#payment-message{color:#5469d4;font-size:16px;line-height:20px;padding-top:12px;text-align:center}#payment-element{margin-bottom:24px}.CheckoutForm-button{background:#5469d4;border:0;border-radius:4px;box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);color:#fff;cursor:pointer;display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:600;padding:12px 100px;transition:all .2s ease;width:100%}button:hover{-webkit-filter:contrast(115%);filter:contrast(115%)}button:disabled{cursor:default;opacity:.5}.spinner,.spinner:after,.spinner:before{border-radius:50%}.spinner{box-shadow:inset 0 0 0 2px;color:#fff;font-size:22px;height:20px;margin:0 auto;position:relative;text-indent:-99999px;-webkit-transform:translateZ(0);transform:translateZ(0);width:20px}.spinner:after,.spinner:before{content:"";position:absolute}.spinner:before{-webkit-animation:loading 2s ease 1.5s infinite;animation:loading 2s ease 1.5s infinite;border-radius:20.4px 0 0 20.4px;height:20.4px;left:-.2px;top:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px}.spinner:after,.spinner:before{background:#5469d4;width:10.4px}.spinner:after{-webkit-animation:loading 2s ease infinite;animation:loading 2s ease infinite;border-radius:0 10.2px 10.2px 0;height:10.2px;left:10.2px;top:-.1px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:600px){form{min-width:0;min-width:auto;width:80vw}}#payment-form{background-color:#fff}#checkoutSmall{color:#7fffd4;margin-top:.5%;text-align:center;width:60%}@media(max-width:390px){body{background-color:aqua}}body .cyber-btn+.cyber-btn{margin-top:2 rem}.cyber-btn{--primary:hsl(var(--primary-hue),85%,calc(var(var(--primary-lightness, 50) * 1%)));--shadow-primary:hsl(var(--shadow-primary-hue),90%,50%);--primary-hue:0;--primary-lightness:50;--color:#fff;--font-size:26px;--shadow-primary-hue:180;--label-size:9px;--shadow-secondary:hsl(var(--shadow-secondary-hue),90%,60%);--clip:polygon(0 0,100% 0,100% 100%,95% 100%,85% 100%,8% 100%,0 70%);--border:4px;--shimmy-distance:5;--clip-one:polygon(0 2%,100% 2%,100% 95%,95% 95%,95% 90%,85% 90%,85% 95%,8% 95%,0 70%);--clip-two:polygon(0% 78%,100% 78%,100% 100%,95% 100%,95% 90%,85% 90%,85% 100%,8% 100%,0% 78%);--clip-three:polygon(0% 44%,100% 44%,100% 54%,95% 54%,95% 54%,85% 54%,85% 54%,8% 54%,0% 54%);--clip-four:polygon(0 0,100% 0,100% 0,95% 0,95% 0,85% 0,85% 0,8% 0,0 0);--clip-five:polygon(0 0,100% 0,100% 0,95% 0,95% 0,85% 0,85% 0,8% 0,0 0);--clip-six:polygon(0 40%,100% 40%,100% 85%,95% 85%,95% 85%,85% 85%,85% 85%,8% 85%,0% 70%);--clip-seven:polygon(0 63%,100% 63%,100% 80%,95% 80%,95% 80%,85% 80%,85% 80%,8% 80%,0% 70%);background:transparent;border:0;color:var(--color);cursor:pointer;font-family:Orbitron,sans-serif;font-size:var(--font-size);font-weight:700;height:75px;letter-spacing:2px;line-height:75px;min-width:300px;outline:transparent;position:relative;text-transform:uppercase;transition:background .2s}.cyber-btn:hover{--primary:hsl(var(--primary-hue),85%,calc(var(--primary-lightness, 50)*0.8%))}.cyber-btn:active{--primary:hsl(var(--primary-hue),85%,calc(var(--primary-lightness, 50)*0.6%))}.cyber-btn:after,.cyber-btn:before{bottom:0;-webkit-clip-path:var(--clip);clip-path:var(--clip);content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.cyber-btn:before{background:var(--shadow-primary);-webkit-transform:translate(var(--border));transform:translate(var(--border))}.cyber-btn:after{background:var(--primary)}.cyber-glitch{-webkit-animation:glitch 2s infinite;animation:glitch 2s infinite;background:var(--shadow-primary);bottom:calc(var(--border)*-1);-webkit-clip-path:var(--clip);clip-path:var(--clip);display:none;left:calc(var(--border)*-1);position:absolute;right:calc(var(--border)*-1);text-shadow:2px 2px var(--shadow-primary),-2px -2px var(--shadow-primary);top:calc(var(--border)*-1)}.cyber-btn:hover .cyber-glitch{display:block}.cyber-glitch:before{background:var(--primary);bottom:calc(var(--border)*-1);-webkit-clip-path:var(--clip);clip-path:var(--clip);content:"";left:calc(var(--border)*-1);position:absolute;right:calc(var(--border)*-1);top:calc(var(--border)*-1);z-index:-1}@-webkit-keyframes glitch{0%{-webkit-clip-path:var(--clip-one);clip-path:var(--clip-one)}2%,8%{-webkit-clip-path:var(--clip-two);clip-path:var(--clip-two);-webkit-transform:translate(calc(var(--shimmy-distance)*-1%));transform:translate(calc(var(--shimmy-distance)*-1%))}6%{-webkit-clip-path:var(--clip-two);clip-path:var(--clip-two);-webkit-transform:translate(calc(var(--shimmy-distance)*1%));transform:translate(calc(var(--shimmy-distance)*1%))}9%{-webkit-clip-path:var(--clip-two);clip-path:var(--clip-two);-webkit-transform:translate(0);transform:translate(0)}9%{-webkit-clip-path:var(--clip-three);clip-path:var(--clip-three);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}10%{-webkit-clip-path:var(--clip-three);clip-path:var(--clip-three);-webkit-transform:translate 0,0;transform:translate 0,0}14%,21%{-webkit-clip-path:var(--clip-four);clip-path:var(--clip-four);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}25%{-webkit-clip-path:var(--clip-five);clip-path:var(--clip-five);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}30%{-webkit-clip-path:var(--clip-five);clip-path:var(--clip-five);-webkit-transform:translate calc(var(--shimmy-distance)*-1%),0;transform:translate calc(var(--shimmy-distance)*-1%),0}35%,45%{-webkit-clip-path:var(--clip-six);clip-path:var(--clip-six);-webkit-transform:translate calc(var(--shimmy-distance)*-1%),0;transform:translate calc(var(--shimmy-distance)*-1%),0}40%{-webkit-clip-path:var(--clip-six);clip-path:var(--clip-six);-webkit-transform:translate calc(var(--shimmy-distance)*-1%),0;transform:translate calc(var(--shimmy-distance)*-1%),0}50%{-webkit-clip-path:var(--clip-six);clip-path:var(--clip-six);-webkit-transform:translate 0,0;transform:translate 0,0}55%{-webkit-clip-path:var(--clip-seven);clip-path:var(--clip-seven);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}60%{-webkit-clip-path:var(--clip-seven);clip-path:var(--clip-seven);-webkit-transform:translate 0,0;transform:translate 0,0}31%,61%,to{-webkit-clip-path:var(--clip-four);clip-path:var(--clip-four)}}@keyframes glitch{0%{-webkit-clip-path:var(--clip-one);clip-path:var(--clip-one)}2%,8%{-webkit-clip-path:var(--clip-two);clip-path:var(--clip-two);-webkit-transform:translate(calc(var(--shimmy-distance)*-1%));transform:translate(calc(var(--shimmy-distance)*-1%))}6%{-webkit-clip-path:var(--clip-two);clip-path:var(--clip-two);-webkit-transform:translate(calc(var(--shimmy-distance)*1%));transform:translate(calc(var(--shimmy-distance)*1%))}9%{-webkit-clip-path:var(--clip-two);clip-path:var(--clip-two);-webkit-transform:translate(0);transform:translate(0)}9%{-webkit-clip-path:var(--clip-three);clip-path:var(--clip-three);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}10%{-webkit-clip-path:var(--clip-three);clip-path:var(--clip-three);-webkit-transform:translate 0,0;transform:translate 0,0}14%,21%{-webkit-clip-path:var(--clip-four);clip-path:var(--clip-four);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}25%{-webkit-clip-path:var(--clip-five);clip-path:var(--clip-five);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}30%{-webkit-clip-path:var(--clip-five);clip-path:var(--clip-five);-webkit-transform:translate calc(var(--shimmy-distance)*-1%),0;transform:translate calc(var(--shimmy-distance)*-1%),0}35%,45%{-webkit-clip-path:var(--clip-six);clip-path:var(--clip-six);-webkit-transform:translate calc(var(--shimmy-distance)*-1%),0;transform:translate calc(var(--shimmy-distance)*-1%),0}40%{-webkit-clip-path:var(--clip-six);clip-path:var(--clip-six);-webkit-transform:translate calc(var(--shimmy-distance)*-1%),0;transform:translate calc(var(--shimmy-distance)*-1%),0}50%{-webkit-clip-path:var(--clip-six);clip-path:var(--clip-six);-webkit-transform:translate 0,0;transform:translate 0,0}55%{-webkit-clip-path:var(--clip-seven);clip-path:var(--clip-seven);-webkit-transform:translate calc(var(--shimmy-distance)*1%),0;transform:translate calc(var(--shimmy-distance)*1%),0}60%{-webkit-clip-path:var(--clip-seven);clip-path:var(--clip-seven);-webkit-transform:translate 0,0;transform:translate 0,0}31%,61%,to{-webkit-clip-path:var(--clip-four);clip-path:var(--clip-four)}}.cyber-btn:nth-of-type(2){--primary-hue:260}.success-page{margin-bottom:10%}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 2em}
/*# sourceMappingURL=main.7cb7c51e.css.map*/