@import url(https://fonts.googleapis.com/css2?family=Michroma&family=Orbitron:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap);:root{--color-primary-dark:#383838;--color-secondary-dark:#323232;--color-primary-light:#fdfdfdd6;--color-orange:#ed8a27;--color-orange-dark:#c07020;--color-grey:#c3c3c3;--container-background:linear-gradient(135deg,#3a3a3ab9,#00000076)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#383838;background-color:var(--color-primary-dark);background:url(/static/media/Background.49878de4033dda5b9664.jpg) no-repeat fixed;background-size:cover;color:#fdfdfdd6;color:var(--color-primary-light);font-family:Orbitron,sans-serif!important;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.color-orange{color:#ed8a27;color:var(--color-orange)}.right-text{text-align:right}.arabic-styles{font-family:Cairo,sans-serif!important}h1,h2,h3,h4,h5,h6{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}p{font-family:Orbitron,sans-serif!important;font-size:15px;text-shadow:-1px -1px 0 #0000004d,1px -1px 0 #0000004d,-1px 1px 0 #0000004d,1px 1px 0 #0000004d}textarea{height:200px;resize:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.sort-search-container{align-items:center;background-color:var(--color-primary-dark);border:2px solid var(--color-secondary-dark);display:flex;gap:100px;justify-content:center;margin:0 auto 10px!important;padding:10px 50px;width:-webkit-fit-content;width:fit-content}nav{width:100%}nav .menu{font-family:Orbitron,sans-serif}nav .menu,nav ol{align-items:center;display:flex;justify-content:center}nav ol{flex-wrap:wrap;list-style:none;margin:0 auto;padding:.5em 0;width:100%}nav .menu-item{background:#2b2b2c;border:3px solid var(--color-grey);cursor:pointer;margin:0 .1em;min-width:8em;padding:.8em 2.5em;position:relative;text-align:center;transition:border .23s ease-in-out,background .23s linear}nav .menu-item[aria-haspopup=true]{border-color:var(--color-orange)}nav .menu-item:focus-within,nav .menu-item:hover{background:var(--color-secondary-dark);border-color:var(--color-orange)}nav .menu-item:focus-within .sub-menu,nav .menu-item:focus-within .sub-menu:hover,nav .menu-item:hover .sub-menu,nav .menu-item:hover .sub-menu:hover{align-content:center;display:flex;opacity:1;visibility:visible}nav .sub-menu{align-items:flex-start;display:none;flex-direction:column;left:0;margin-top:1em;opacity:0;position:absolute;visibility:hidden;z-index:20}nav .sub-menu .menu-item{margin:.1em 0;padding:1em;text-align:center;width:10em;z-index:2}nav a{color:#fff;text-decoration:none;text-transform:uppercase}nav a:focus{outline:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.line{border-bottom:1px solid #ffffff40;margin:50px auto;width:80%}.lds-ring{height:80px;margin:30px 170px;width:80px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid #0000;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:dimgray;border-radius:10px;box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background-color:orange;background-color:var(--color-orange,orange);border:1px outset #919191;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:orange;background:var(--color-orange-dark,orange)}.lazy-scroll{margin-bottom:20px}::selection{background:var(--color-orange-dark);color:var(--color-primary-light)}@media screen and (max-width:700px){body{background:var(--color-primary-dark)}.sort-search-container{border:none;flex-direction:column;gap:10px;justify-content:center}.form-wrapper{width:152px!important}#search{width:128px!important}}.btn{background-color:var(--color-orange-dark);border:2px solid #964900;color:var(--color-grey);cursor:pointer;font-family:Michroma,sans-serif;font-weight:900;height:35px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .5s ease-in-out;width:125px;z-index:1}.btn:before{background:var(--color-orange);content:"";height:100%;left:50%;position:absolute;top:0;transition:all .3s ease-in-out;width:0;z-index:-1}.btn:hover:before{left:-10%;width:120%}.btn:hover{color:#f1f1f1}.btn:focus{outline:none}.game-card{background-color:var(--color-primary-dark);background-size:cover;border:3px solid var(--color-orange-dark);box-shadow:0 3px 5px -1px #000,0 5px 8px 0 #000,0 1px 14px 0 #000;color:var(--color-primary-light);margin:11px;max-width:100%;min-height:205px;overflow:hidden;position:relative;width:365px}.card-img{height:100%;position:absolute;width:100%}.info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.263);display:flex;flex-direction:column;height:250px;position:relative;transform:translateY(100%) translateY(-45px) translateZ(0);transition-duration:.3s;width:100%}.info .large-dec{height:-webkit-fit-content;height:fit-content;margin:0 5px}.info .hide{display:none}.info:before{background-size:cover;content:" ";display:block;filter:blur(10px);height:100%;opacity:.25;overflow:hidden;position:absolute;transform:translateY(-100%) translateY(88px) translateZ(0);transition:transform .5s ease-out;width:100%;z-index:-1}.game-card:hover .info,.game-card:hover .info:before{transform:translateY(0) translateZ(0)}.title{flex-grow:1;font-size:20px;line-height:1.5;margin:0;padding:10px}.game-genre{color:var(--color-orange);font-weight:800;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.description{flex-grow:1;font-family:Michroma,sans-serif;font-size:13px;font-weight:500;margin:0;overflow:auto;padding:0 5px}.flex-game-buttons{align-items:center;display:flex;justify-content:space-around;margin:10px 0}.isFavourite{color:var(--color-orange);font-size:20px}.notFavourite{color:var(--color-primary-dark);font-size:20px}.favourite-game .favourite-button{cursor:pointer;position:relative;top:-4px}.favourite-game .favourite-button:after,.favourite-game .favourite-button:before{content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-40%);width:30px}.favourite-game .favourite-button:before{background-image:url(/static/media/notFavourite.414f0d75b7b7da250cf4.svg);background-size:cover;transition:all .3s}.favourite-game .favourite-button:after{background-image:url(/static/media/favourite.42583e774f4c549e26e5.svg);background-size:cover;transform:translate(-50%,-40%) scale(0);transition:all .3s}.favourite-game .favourite-button.isfavourite:after{transform:translate(-50%,-40%) scale(1.2)}.favourite-game .favourite-button.isfavourite:before{transform:translate(-50%,-40%) scale(0)}.favourite-game .favourite-button:hover{transform:translate(-50%,-40%) scale(1.3)}@media screen and (max-width:1100px){.flex-game-buttons{font-size:12px}.card-img img,.game-card{width:330px}.info{height:232px}}.loading-ring div{animation:loading-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:5px solid #0000;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:25px;margin:-12px;position:absolute;width:25px}.loading-ring div:first-child{animation-delay:-.45s}.loading-ring div:nth-child(2){animation-delay:-.3s}.loading-ring div:nth-child(3){animation-delay:-.15s}@keyframes loading-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{align-items:center;display:flex;font-size:30px;height:100vh;justify-content:center;width:100%;z-index:10}.loading h1{text-shadow:-1px -1px 0 var(--color-primary-dark),3px 3px 0 var(--color-primary-dark),6px 6px 0 var(--color-primary-dark)}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{background:#fff;border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1100px){.loading{background-color:var(--color-primary-dark)}}.form-wrapper{background-color:var(--color-orange);border-color:var(--color-orange-dark);border-style:solid;box-shadow:0 3px 3px #ffffff1a,0 3px 0 #bbb,0 4px 0 #aaa,0 5px 5px #444;overflow:hidden;padding:2px;width:199px}.form-wrapper #search{background-color:var(--color-secondary-dark);color:var(--color-primary-light);float:left;font:22px Lucida Sans,Trebuchet MS,Tahoma,sans-serif;height:16px;padding:10px;width:175px}.form-wrapper #search:focus{border-color:#aaa;box-shadow:inset 0 1px 1px #bbb;outline:0}.form-wrapper #search:-moz-placeholder,.form-wrapper #search:-ms-input-placeholder,.form-wrapper #search::-webkit-input-placeholder{color:#999;font-weight:400}.games-directory-container{margin-top:30px}.games-directory-search{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.games-directory,.infinite-scroll-component{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@media(max-width:690px){.menu{font-size:16px;width:95%}.menu-item{margin:.1em}.menu-item:first-child{order:0}.menu-item:nth-child(2){order:1}.menu-item:nth-child(3){order:3}.menu-item:nth-child(4){order:4}.menu-item:nth-child(5){order:2}}@media(max-width:480px){.menu{font-size:12px}}@media screen and (max-width:1100px){.button-text{font-size:12px}}.all-games-page{height:100%;left:0;margin-top:100px;position:absolute;top:0;width:100%}.error{color:red;margin-top:20px}.F2P-Game-Page{margin:120px auto!important;width:clamp(300px,100%,1300px)}.F2P-Game-Page .game-title{margin:0}.F2P-Game-Page .game-img{height:206px;margin-right:20px;width:375px}.F2P-Game-Page .game-dec-container{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:20px;margin-top:20px}.F2P-Game-Page .comments-sec{margin-top:50px}.F2P-Game-Page .fav-button{height:30px;margin:auto;width:20px}.F2P-Game-Page .bg-container{background:var(--container-background);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.633);margin:30px auto;padding:30px}.F2P-Game-Page-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.F2P-Game-Page-container .F2P-game-info{margin:auto;padding:0 20px;width:45%}.F2P-Game-Page-container .F2P-game-requirements{margin:0 auto;padding:0 20px;text-align:left;width:45%}.F2P-game-desc{margin:0 auto;width:100%}.F2P-game-desc p{margin:0}.F2P-game-info{margin:auto;width:25%}.F2P-game-info .F2P-game-info-flex{display:flex;justify-content:space-between}.slider{border-radius:10px;height:720px;margin:auto;overflow:hidden;width:1280px}.slides{display:flex;height:720px;width:500%}.slides input{display:none}.slide{transition:2s;width:20%}.slide img{height:720px;width:1280px}.navigation-manual{display:flex;justify-content:center;margin-top:680px;position:absolute;width:1280px}.manual-btn{border:2px solid var(--color-primary-light);border-radius:10px;cursor:pointer;padding:5px;transition:1s}.manual-btn:not(:last-child){margin-right:40px}.manual-btn:hover{background:var(--color-primary-light)}#radio1:checked~.first{margin-left:0}#radio2:checked~.first{margin-left:-20%}#radio3:checked~.first{margin-left:-40%}#radio4:checked~.first{margin-left:-60%}.navigation-auto{display:flex;justify-content:center;margin-top:680px;position:absolute;width:1280px}.navigation-auto div{border:2px solid var(--color-primary-light);border-radius:10px;padding:5px;transition:1s}.navigation-auto div:not(:last-child){margin-right:40px}#radio1:checked~.navigation-auto .auto-btn1,#radio2:checked~.navigation-auto .auto-btn2,#radio3:checked~.navigation-auto .auto-btn3,#radio4:checked~.navigation-auto .auto-btn4{background:var(--color-orange)}.F2P-img-slider{border:3px solid var(--color-orange-dark);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.633);cursor:grab;margin:0 auto;overflow:hidden}.F2P-img-slider img{margin:auto;max-height:726px;object-fit:cover;width:100%}.F2P-img-slider:hover .slick-next,.F2P-img-slider:hover .slick-prev{display:block!important}.slick-dots{bottom:10px}.slick-dots li button:before{color:var(--color-primary-light)}.slick-dots li.slick-active button:before{color:var(--color-orange)}.slick-dots li button:before{font-size:25px}.slick-next:before,.slick-prev:before{color:var(--color-primary-light);font-size:40px}.slick-prev{left:-40px;z-index:5}.slick-next,.slick-prev{display:none!important}.slick-list{background-color:var(--color-secondary-dark);height:100%!important}@media screen and (max-width:700px){.F2P-Game-Page{font-size:small;margin:100px 0}.F2P-Game-Page .game-dec-container{flex-wrap:wrap;justify-content:center}.F2P-Game-Page .game-img{margin-bottom:15px;margin-right:0;width:100%}.F2P-Game-Page button{font-size:10px;width:90px}.F2P-Game-Page .bg-container{flex-direction:column;margin:20px auto;padding:20px;width:85%}.F2P-Game-Page .F2P-game-info,.F2P-Game-Page .F2P-game-requirements{padding:0;width:100%}.F2P-Game-Page .comments-component .comments-form{padding:20px;width:85%}.slick-slider{border-radius:0;height:100%;margin:auto;overflow:hidden;width:100%}.slick-slider .slick-prev{left:-18px}.slick-slider .slick-next{right:-18px}.F2P-img-slider{width:98%}}.form__group{margin:25px auto;padding:15px 0 0;position:relative;width:100%}.form__field{background:#0000;border:0;border-bottom:2px solid #9b9b9b;color:#fff;font-family:inherit;font-size:1.3rem;outline:0;padding:7px 0;transition:border-color .2s;width:100%}.form__field::placeholder{color:#0000}.form__field:placeholder-shown~.form__label{cursor:text;font-size:1.3rem;top:20px}.form__label{color:#fff;display:block;font-size:1rem;position:absolute;top:0;transition:.2s;z-index:-1}.form__field:focus{border-image:linear-gradient(to right,var(--color-orange),var(--color-orange-dark));border-image-slice:1;border-width:3px;font-weight:700;padding-bottom:6px}.form__field:focus~.form__label{color:var(--color-orange);display:block;font-size:1rem;font-weight:700;position:absolute;top:0;transition:.2s}.form__field:invalid,.form__field:required{box-shadow:none}.game-rating-stars{align-items:center;display:flex;flex-direction:column;justify-content:center}input .input-error{border:2px solid red}.comments-component .btn{margin:10px}.comments-component .input-error{border:1px solid red}.comments-component .comments-form{padding:30px}.comments-component .bg-container,.comments-component .comments-form{background:var(--container-background);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.633);margin:30px auto}.comments-component .bg-container{padding:5px 30px}.comments-component .comment-info{align-items:flex-start;display:flex;flex-direction:column}.comments-component .comment-info .comment-user{align-items:baseline;display:flex;flex-direction:row;height:35px;justify-content:space-between}.comments-component .comment-info .comment-user .user-img{border-radius:50%;height:50px;margin-right:10px;width:50px}.comments-component .comment-info .comment-user .user-name{font-size:1.2rem;font-weight:600}.comments-component .comment-info .comment-date{font-size:.6rem;font-weight:100;margin-left:5px}.comments-component .hide{display:none!important}.loading-comments{align-items:center;display:flex;justify-content:center;margin:0 auto}.loading-comments .lds-ring{margin:30px}.edit-comment .comment-buttons{display:flex;flex-direction:row;justify-content:flex-start}@media screen and (max-width:700px){.comments-component .bg-container{margin:20px auto;padding:20px}button{font-size:1em!important}}.home-page{left:0;top:0;width:100%}.home-page .slick-prev{left:-52px;z-index:1}.home-page .game-card{margin:15px auto}.home-page span{font-size:2rem}.home-page span.active{font-weight:700}.home-page .hero-section{align-items:center;background-image:url(/static/media/aa.cb02ace8a346aed47ff4.png);background-position:50%;background-position:80%;background-repeat:no-repeat;background-size:cover;border-bottom:3px solid var(--color-secondary-dark);box-shadow:1px 1px 40px 21px #000000bf;display:flex;height:100vh;justify-content:flex-start;margin:0 0 -10vh}.home-page .hero-section .hero-text{font-size:2rem;margin-left:5%;max-width:900px}.home-page .hero-section .hero-text h1{font-size:3rem;margin-bottom:10px}.home-page .hero-section .hero-text p{font-size:1.2rem}.home-page .hero-section .cta-button{background-color:var(--color-orange-dark);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-top:20px;padding:10px 20px;text-decoration:none;text-transform:uppercase}.home-page .hero-section .cta-button:hover{background-color:var(--color-orange)}.home-page .popular-games{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:50px}.home-page .home-slider{cursor:-webkit-grab;margin:0 auto;width:100%}.home-page .home-slider:hover .slick-next,.home-page .home-slider:hover .slick-prev{display:block!important}.home-page .infinite-scrolling-text{margin:20px 0;overflow:hidden;width:100%}.home-page .text-container{animation:scrollText 5s ease-in-out infinite alternate;display:inline-block;white-space:nowrap;width:-webkit-fit-content;width:fit-content}@keyframes scrollText{0%{transform:translateX(20vw)}to{transform:translateX(-20vw)}}@media only screen and (max-width:850px){.home-page .hero-section{margin:0 0 6vh}.home-page .hero-section .hero-text h1{font-size:2rem}.home-page .hero-section .cta-button{font-size:1.6rem}.home-page .hero-text{margin:auto}}.section-divider{height:50vh;position:relative;width:100%;z-index:-99}.section-divider .title-container{margin:-460px 0 0}.section-divider .title-container .section-title{font-size:4rem}.section-divider .background-image{background-position:50%;background-size:cover;filter:brightness(.2) sepia(1) hue-rotate(3deg) saturate(5);height:100%;width:100%}.section{align-items:center;background-color:#1a1a1a;border-bottom:3px solid var(--color-secondary-dark);border-top:3px solid var(--color-secondary-dark);box-shadow:1px 1px 40px 21px #000000bf;display:flex;height:auto;margin:-90px 0;width:100%}.section .btn{font-size:.75rem;width:111px}.section .game-cards-container{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:11px;height:500px;justify-content:center}.section .game-cards-container .slick-list{background:none;width:620px}.section .main{align-items:center;display:flex;height:800px;justify-content:space-between;width:100%}.section .main.reverse{flex-direction:row-reverse}.section .main .section-container{height:100%;position:relative;width:70%}.section .main .section-container .image-container img{height:800px;max-height:100vh}.section .main .section-container .gradient-overlay{background:linear-gradient(90deg,#fff0,#1a1a1a);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.section .main .section-container .gradient-overlay.reverse{background:linear-gradient(90deg,#1a1a1a,#fff0)}.section .main .image-container{display:grid;height:100%;position:relative;width:100%}.section .main .image-container img{max-height:800px;object-fit:cover;width:100%}.section .main .content-container{align-items:start;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;width:100%}.section .main .content-container .content-wrapper{width:100%}.section .main .content-container .content-wrapper .info-container{display:flex;flex-direction:column;margin-top:10px;width:100%}.section .main .content-container .content-wrapper .info-container p{color:#ffc107;font-size:.875rem;font-weight:500;text-transform:uppercase}.section .main .content-container .content-wrapper .info-container h1{color:#fff;font-size:2.25rem}.section .main .content-container .content-wrapper .info-container .absolute-text{color:#ffffff1a;font-size:9rem;font-weight:700;left:36px;position:absolute;top:-16px;z-index:-10}.section .main .content-container .content-wrapper ul{display:flex;flex-direction:column;gap:10px;padding-bottom:16px}.section .main .content-container .content-wrapper ul li{color:#fff}.section .main .category-link{background-color:var(--color-primary-dark);border-radius:5px;display:inline-block;font-size:1.2rem;margin-top:8px}.section .main .category-link:hover{background-color:var(--color-secondary-dark)}.home-game-card .game-card{margin:0;width:300px}.home-game-card .game-card .card-img img{height:170px}.home-game-card .game-card .info{height:215px}@media only screen and (max-width:1360px){main{height:auto!important;max-height:-webkit-max-content!important;max-height:max-content!important;overflow:hidden}main .image-container img{object-position:top}main .content-container{background-color:#1a1a1a}main .category-link{font-size:.8rem!important;margin-bottom:20px}main .slick-slider{width:auto}.game-cards-container{height:100%!important}}@media only screen and (max-width:850px){.section main{flex-direction:column!important;height:auto!important;max-height:-webkit-max-content!important;max-height:max-content!important;overflow:hidden}.section main .section-container{width:100%!important}.section main .gradient-overlay{background:linear-gradient(180deg,#fff0,#1a1a1a)!important}.section-divider{height:67vh;margin:-128px 0 0!important}}@media only screen and (max-width:700px){main .slick-list{width:331px!important}main .button-text{font-size:10px}}.hidden{top:-70px!important}.nav-bar{align-items:center;background-color:var(--color-secondary-dark);border-bottom:3px solid var(--color-orange);box-shadow:0 5px 15px #000000a3;display:flex;height:60px;left:0;position:fixed;top:0;transition:all .2s ease-in-out;width:100%;z-index:2}.nav-bar .nav-bar__logo{height:100%;width:100px}.nav-bar .nav-bar__logo img{height:100%;object-fit:contain;width:100%}.nav-bar .nav-bar__logo:hover{background-color:hsla(0,0%,100%,.053)}.nav-bar .nav-bar__links{align-items:center;display:flex;flex-grow:1;height:100%;margin-right:15px}.nav-bar .nav-bar__links .left{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:flex-start}.nav-bar .nav-bar__links .auth{padding:10px 5px}.nav-bar .nav-bar__links .nav-link{align-items:center;color:hsla(0,0%,99%,.839);display:flex;font-size:1.1em;font-weight:500;height:100%;margin:0;padding:0 10px;text-decoration:none;transition:all .2s ease}.nav-bar .nav-bar__links .nav-link:hover{background-color:hsla(0,0%,100%,.053);color:var(--color-orange)}.nav-flex-grow{flex-grow:1}#menu__toggle{opacity:0}.hamburger-menu{display:none;width:0}.dropbtn{background-color:var(--color-orange);border:2px solid #964900;color:#fff;font-size:16px;padding:14px}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:var(--color-primary-dark);border:3px solid var(--color-orange-dark);box-shadow:0 5px 15px #000000a3;display:none;min-width:250px;position:absolute;right:0;z-index:1}.dropdown-content a{border-bottom:1px solid var(--color-orange);color:#fff;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:var(--color-secondary-dark)}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:var(--color-orange-dark)}@media screen and (max-width:1550px){.nav-bar{padding:0}.nav-bar .nav-bar__logo{width:80px}.nav-bar .nav-bar__links{display:none}.hamburger-menu{display:block}#menu__toggle:checked+.menu__btn>span{transform:rotate(45deg)}#menu__toggle:checked+.menu__btn>span:before{top:0;transform:rotate(0deg)}#menu__toggle:checked+.menu__btn>span:after{top:0;transform:rotate(90deg)}#menu__toggle:checked~.menu__box{right:-1px!important}.menu__btn{cursor:pointer;height:26px;position:absolute;right:20px;top:29px;width:26px}.menu__btn>span,.menu__btn>span:after,.menu__btn>span:before{background-color:var(--color-orange);display:block;height:3px;position:absolute;transition-duration:.25s;width:100%}.menu__btn>span:before{content:"";top:-8px}.menu__btn>span:after{content:"";top:8px}.menu__box{background-color:var(--color-primary-dark);border-bottom:3px solid var(--color-orange);border-left:3px solid var(--color-orange);box-shadow:0 5px 15px #000000a3;list-style:none;margin:0;padding:60px 0;position:fixed;right:-100%;top:0;transition-duration:.25s;z-index:3}.menu__box,.menu__box .user-info{display:block}.menu__box .menu__btn{right:19px}.menu__item{color:var(--color-white);display:block;font-size:20px;font-weight:600;padding:12px 24px;text-decoration:none;transition-duration:.25s}.auth{margin:5px auto}.menu__item:hover{background-color:var(--color-secondary-dark);color:var(--color-orange)}}.nav-button a:hover{background-color:#0000!important}.category-list{flex-wrap:wrap;justify-content:center;margin:auto}.category-link,.category-list{align-items:center;display:flex}.category-link{color:hsla(0,0%,99%,.839);font-size:2.1em;font-weight:500;margin:8px;padding:20px;text-decoration:none;transition:all .3s ease}.category-link:hover{background-color:hsla(0,0%,100%,.053);color:var(--color-orange)}.category-page{align-content:flex-start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;left:0;margin-top:80px;position:absolute;top:0}.giveaway-page{margin:0 auto!important;width:clamp(300px,95%,1300px)}.giveaway-page .giveaway-Page-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.giveaway-page .giveaway-Page-container .giveaway-instructions{padding:0 20px}.giveaway-page .giveaway-Page-container .giveaway-Page-info{padding:0 20px;text-align:left}.giveaway-page .giveaway-instructions{text-align:left;white-space:pre-line}.giveaway-page img{max-width:100%}.giveaway-page .bg-container{background:var(--container-background);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.633);margin:0 auto;padding:30px}@media screen and (max-width:1100px){.giveaway-page{margin:100px 0}.giveaway-page .bg-container{margin:0 15px}}.giveaway-card{background-size:cover;border:2px solid var(--color-orange-dark);box-shadow:0 3px 5px -1px #000,0 5px 8px 0 #000,0 1px 14px 0 #000;color:var(--color-primary-light);height:206px;margin:10px;max-width:100%;overflow:hidden;position:relative;width:300px}.giveaway-card p{color:var(--color-orange);line-height:0}.giveaway-card-img{height:100%;position:absolute;width:100%}.giveaway-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(8,8,8,.316);display:flex;flex-direction:column;height:214px;position:relative;transform:translateY(100%) translateY(-45px) translateZ(0);transition-duration:.3s;width:100%}.giveaway-info:before{background-size:cover;content:" ";display:block;filter:blur(10px);height:100%;opacity:.25;overflow:hidden;position:absolute;transform:translateY(-100%) translateY(88px) translateZ(0);transition:transform .5s ease-out;width:100%;z-index:-1}.giveaway-card:hover .giveaway-info,.giveaway-card:hover .giveaway-info:before{transform:translateY(0) translateZ(0)}.giveaway-title{flex-grow:1;font-size:18px;line-height:1.4;margin:0;padding:7px}.giveaway-description{flex-grow:1;font-family:Michroma,sans-serif;font-size:10px;font-weight:500;line-height:1.3;margin:0;padding:0 24px}.flex-giveaway-buttons{align-items:center;display:flex;justify-content:space-around;margin:20px 0}.giveaways-directory-container{margin-top:100px}.giveaways-directory{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.giveaways-directory-search{width:100%}.giveaways-directory-search,.signup,.signup .bg-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.signup .bg-container{background:var(--container-background);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.633);margin:100px auto;padding:30px;width:clamp(200px,80%,500px)}.signup .bg-container input{height:30px;margin:10px 0;width:100%}.signup .success-message{color:green;margin-top:15px}.login,.login .bg-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.login .bg-container{background:var(--container-background);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.633);margin:100px auto;padding:30px;width:clamp(200px,80%,500px)}.login .bg-container input{margin:10px 0;width:100%}.user-favourite-games-page{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:100px}.no-page{flex-direction:column}.no-page,.verification-container{align-items:center;display:flex;height:100vh;justify-content:center}
/*# sourceMappingURL=main.58d132d2.css.map*/