@import url(https://fonts.googleapis.com/css2?family=Rubik+Marker+Hatch&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;1,900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-image:linear-gradient(135deg,#11191b,#12191b 5%,#12191c 10%,#13181c 15%,#13181c 20%,#14181d 25%,#15181d 30%,#16181d 35%,#16171c 40%,#17171c 45%,#18171c 50%,#19171c 55%,#1a171b 60%,#1a161b 65%,#1b161a 70%,#1b161a 75%,#1c1619 80%,#1c1618 85%,#1d1618 90%,#1d1617 95%,#1d1616)}.landingPage{width:100%;height:100vh;background-image:url(/static/media/80-805573_darksiders-2-protagonist.10ce0e57.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50%;position:relative;display:flex;flex-direction:column;justify-content:space-between}.landing__logo{padding:20px}.landing__logo img{width:350px}.landing__parragraf{padding-top:10px;color:#ffefd5;width:0;overflow:hidden;white-space:nowrap;font-size:3rem;margin:0 auto;font-family:"Rubik Marker Hatch",cursive;font-weight:400;border-right:.15em solid transparent;-webkit-animation:typing 4s steps(38) 1s 1 normal both,blink 1s steps(1) infinite;animation:typing 4s steps(38) 1s 1 normal both,blink 1s steps(1) infinite}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}.landing__init{height:70vh;display:flex;justify-content:center;align-items:center}.landing__init_btn{min-width:300px;min-height:60px;font-family:"Nunito",sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#313133;background:#4fd1c5;background:linear-gradient(90deg,#81e6d9,#4fd1c5);border:none;border-radius:1000px;box-shadow:12px 12px 24px rgba(79,209,197,.64);transition:all .3s ease-in-out 0s;cursor:pointer;outline:none;position:relative;padding:10px}.landing__init_btn:before{content:"";border-radius:1000px;min-width:312px;min-height:72px;border:6px solid #00ffcb;box-shadow:0 0 60px rgba(0,255,203,.64);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:all .3s ease-in-out 0s}.landing__init_btn:focus,.landing__init_btn:hover{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}button:focus:before,button:hover:before{opacity:1}button:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #00ffcb;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite}button:focus:after,button:hover:after{-webkit-animation:none;animation:none;display:none}@-webkit-keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:300px;height:300px;opacity:0}}@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:300px;height:300px;opacity:0}}.card__container{min-width:250px;height:60vh;padding:0 10px 15px;background-color:initial;border-radius:30px 30px 0 0;box-shadow:inset 0 0 10px 0 #3498db,0 0 10px 4px #3498db;text-align:center;color:#ffefd5;font-family:"Nunito",sans-serif;font-weight:700;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;position:relative}.card__container:hover{color:#07ff07;box-shadow:0 0 30px #ffefd5}.card__content{height:100vh;display:flex;flex-direction:column;justify-content:flex-end}.card__title{text-transform:uppercase;font-size:1.2rem}.card__img img{width:100%;height:55%;position:absolute;top:0;left:0;border-radius:30px 30px 0 0;object-fit:cover;object-position:center center}.card__genders{margin-top:25px}.card__genders,.card__rating{font-size:1.1rem}@media (max-width:650px){.card__container{height:45vh}}.search__form{display:flex;justify-content:center}.search__form_input{background-color:initial;border:2px solid #ffefd5;outline:none;border-radius:.6em 0 0 .6em;color:#ffefd5;display:flex;align-self:center;font-weight:600;line-height:1;text-decoration:none;text-align:center;text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:700}.search__form_btn:focus,.search__form_btn:hover{color:#fff;outline:0}.search__form_input{box-shadow:inset 0 0 8px #ffefd5}.search__form_input:focus{box-shadow:inset 0 0 10px 0 #3498db,0 0 10px 4px #3498db}.search__form_btn{border-color:transparent;background-color:hsla(0,0%,100%,.5647058823529412);color:#07ff07;font-weight:700;border-radius:0 .6em .6em 0;transition:all .15s ease-in-out;cursor:pointer}.search__form_btn:hover{box-shadow:inset 0 0 10px 0 #3498db,0 0 10px 4px #3498db}.paginated__principal_container{margin-top:80px;margin-bottom:100px;display:flex;justify-content:space-between;align-items:center}.paginated__container ul{display:flex;justify-content:center;list-style:none}.paginated button{padding:2px 10px;background-color:initial;text-align:center;font-size:1rem;font-weight:700;color:#ffefd5;text-transform:lowercase;border:2px solid #ffefd5;cursor:pointer;box-shadow:inset 2px 2px 15px rgba(52,152,219,.5647058823529412)}.paginated button:focus{margin:0 5px;color:#07ff07;border-color:#3498db;font-size:1.2rem;font-weight:700;box-shadow:inset 0 0 10px 0 #3498db,0 0 10px 4px #3498db}.paginated__logo img{width:250px;padding:4px 15px 7px;border-radius:5px;box-shadow:inset 0 0 15px rgba(52,152,219,.5647058823529412);cursor:pointer}@media (max-width:950px){.paginated__logo{display:none}}@media (max-width:650px){.paginated__principal_container{height:15vh;display:flex;flex-direction:column-reverse}}.nav ul{z-index:1000;height:5vh;width:100%;padding:0 30px;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;list-style:none;background-color:#070d1f;font-family:"Nunito",sans-serif;font-weight:900}.navbar__link_img{width:50px}ul li .navbar__link{text-decoration:none;font-size:1.2rem;color:#ffefd5;cursor:pointer}.navbar__link_img:hover,ul li .navbar__link:hover{font-size:1.5rem;width:60px;transition:font-size .15s linear .1s;transition:width .15s linear .1s}@media (max-width:650px){.nav ul{width:100vw}}.main__home{width:100%;height:100vh;padding:0 30px}.home__container_select{margin-bottom:20px;padding:0 15px;display:flex;justify-content:space-between}.home__title_select{font-family:"Montserrat",sans-serif}.home__option_select,.home__title_select{text-align:center;color:#ffefd5;font-weight:700}.home__option_select{min-width:235px;padding:3px 0;background-color:#070d1f;letter-spacing:1px;border:2px solid #ffefd5;border-radius:10px;outline:none;box-shadow:inset 0 0 10px 0 #3498db,0 0 10px 4px #3498db}.home__btn_reset,.home__option_select{text-transform:uppercase;cursor:pointer}.home__btn_reset{padding:0 5px;border-radius:10px 5px 10px 5px;background-color:initial;font-family:"Montserrat",sans-serif;font-weight:700;color:#07ff07;box-shadow:inset 2px 2px 15px #3498db}.home__btn_reset:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .5s linear .1s;transition:transform .5s linear .1s;transition:transform .5s linear .1s,-webkit-transform .5s linear .1s;box-shadow:0 0 30px #3498db;color:gold;cursor:pointer}.home__render_cards{padding:30px 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px 200px;gap:50px 200px;justify-content:center}.home__link_cards{text-decoration:none}.home__loading h2{color:transparent;font-size:1.4rem;position:relative;overflow:hidden}.home__loading,.home__not_exist{display:flex;justify-content:center}.home__not_exist{height:100vh;width:100%;background-image:url(/static/media/gameover404.def3c8f0.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50%;flex-direction:column;align-items:center}.home__not_exist h2{font-size:7rem;color:#fff}.home__not_exist button{margin-top:10px;padding:1px 10px;font-family:"Nunito",sans-serif;font-size:1.5rem;font-weight:900;color:#ffefd5;border:none;background-color:initial;border:3px solid rgba(255,255,0,.5843137254901961);border-radius:35px;cursor:pointer}.home__not_exist button:hover{border-color:#ff0;box-shadow:inset 3px 3px 15px #ff0}@media (max-width:1230px){.home__render_cards{margin:0 150px}.home__container_select,.home__render_cards,.home__title_select{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.home__container_select,.home__title_select{justify-items:center}.home__option_select{margin-bottom:50px}.home__title_select{margin-left:30%}}@media (max-width:950px){.home__container_select,.home__render_cards,.home__title_select{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.home__title_select{margin-right:30%}.home__not_exist h2{font-size:3rem;color:#fff;text-align:center}}.create__container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.create__form_container{width:50%;text-transform:uppercase;font-family:"Nunito",sans-serif}form .create__title{letter-spacing:6px;border-bottom:1px solid #ffefd5;display:inline-block;padding-bottom:8px;margin-bottom:32px;color:#ffefd5;font-weight:900}form .create__title h2 span{color:#dc143c}.create__error_container p{margin-bottom:10px;padding:5px 0;display:flex;justify-content:center;border:3px solid #8b0000;border-radius:5px;font-size:20px;font-weight:900;color:red;letter-spacing:4px;box-shadow:inset 2px 2px 15px red;opacity:1%}form .create__inputs{display:flex;justify-content:space-between}form .create__inputs .create__inputs_name-img,form .create__inputs .create__inputs_rating-released,form .create__selects .create__inputs_selects{display:flex;flex-direction:column;margin-bottom:20px;width:48%}form .create__inputs_message{display:flex;flex-direction:column;margin-bottom:20px}form .create__selects{display:flex;justify-content:space-between}form label{display:block;font-size:15px;font-weight:900;letter-spacing:3.5px;margin-bottom:5px;color:#ffefd5}form .create__inputs .create__inputs_name-img input,form .create__inputs .create__inputs_rating-released input,form .create__inputs_message textarea{box-shadow:inset 2px 2px 15px #3498db;border-radius:4px;border:1px solid #3498db;outline:none;padding:16px;width:100%;height:44px;background-color:initial;font-size:17px;color:#ffefd5}form .create__inputs .create__inputs_name-img input:focus,form .create__inputs .create__inputs_rating-released input:focus,form .create__inputs_message textarea:focus{box-shadow:inset 0 0 10px 0 #3498db,0 0 10px 4px #3498db}form .create__inputs_message textarea{color:#ffefd5;height:100px;overflow:hidden}form .create__selects .create__inputs_selects select{box-shadow:inset 2px 2px 15px #3498db;border-radius:4px;border:1px solid #3498db;outline:none;padding:16px;width:100%;background-color:#1d1616;color:#ffefd5;font-size:17px}form .create__selects .create__inputs_selects select:hover{box-shadow:inset 0 0 10px 0 #3498db,0 0 10px 4px #3498db}.create__render_content{margin-top:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-gap:10px 5px;gap:10px 5px;text-align:center}.create__render_button{padding:0 -5px;font-size:15px;font-weight:700;color:#ffefd5}.render__btn{display:block;border:3498db solid;box-shadow:inset 2px 2px 15px #07ff07;border-radius:5px;cursor:pointer;padding:0 5px}.render__btn:hover{box-shadow:inset 2px 2px 15px red}.create__btn button{background-color:initial;border:1px solid #fff;border-radius:4px;font-family:"Nunito",sans-serif;font-size:13px;font-weight:900;height:44px;letter-spacing:3px;outline:none;padding:0 20px;margin-right:10px;color:#ffefd5;text-transform:uppercase;cursor:pointer}.create__btn button[type=submit]{box-shadow:inset 2px 2px 15px #07ff07;border-color:#07ff07}.create__btn button[type=submit]:disabled{box-shadow:inset 2px 2px 15px grey;border-color:grey}.create__btn button[type=submit]:hover{box-shadow:0 0 30px #07ff07}.create__btn button[type=reset]{box-shadow:inset 2px 2px 15px gold;border-color:gold}.create__btn button[type=reset]:hover{box-shadow:0 0 30px gold}@media (max-width:650px){.create__inputs,.create__selects{display:flex;flex-direction:column}form .create__inputs .create__inputs_name-img,form .create__inputs .create__inputs_rating-released,form .create__selects .create__inputs_selects{width:auto;margin-bottom:7px}form .create__inputs_message{margin-bottom:7px}form .create__title{font-size:14px;font-weight:600}form label{margin-bottom:0;font-size:14px;font-weight:0}.create__btn button[type=reset],.create__btn button[type=submit],form .create__inputs .create__inputs_name-img input,form .create__inputs .create__inputs_rating-released input,form .create__inputs_message textarea,form .create__selects .create__inputs_selects select{padding:5px 0;text-align:center;height:auto}.create__render_content{margin:20px 0 5px;display:grid;grid-template-columns:1fr}.create__btn{display:flex;justify-content:center}.render__btn{box-shadow:inset 2px 2px 15px #07ff07}.render__btn:active{box-shadow:inset 2px 2px 15px red}.create__error_container p{display:none}}.detail__container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.detail__content{width:75%;padding-right:15px;background:transparent;border:3px solid gold;border-radius:20px;box-shadow:2px 2px 15px #fff;color:#e8e8e8;display:flex;flex-direction:column;justify-content:space-between;font-family:"Nunito",sans-serif;position:relative;object-fit:cover}.detail__content:hover{box-shadow:inset 3px 3px 15px #ffefd5}.detail__img img{width:37%;height:100%;position:absolute;object-fit:cover;top:0;left:0;border-radius:20px 0 0 20px}.detail__content_info{padding-left:40%}.detail__title{padding:10px 0 15px;text-align:center;font-size:2rem}.detail__genders{font-size:1.3rem;text-align:end;color:#07ff07}.detail__date{padding:10px 0;color:red}.detail__rating{padding:10px 0;font-size:1.5rem;text-align:end;color:gold}.detail__platforms{color:#3498db;padding:10px 0;text-align:center}.detail__texto{padding-bottom:10px;font-weight:600;text-align:justify}.detail__btn button{margin-top:10px;padding:1px 10px;font-family:"Nunito",sans-serif;font-size:1.5rem;font-weight:900;color:#ffefd5;border:none;background-color:initial;position:absolute;top:0;border:3px solid rgba(255,255,0,.5843137254901961);border-radius:35px;cursor:pointer}.detail__btn button:hover{border-color:#adff2f;box-shadow:inset 3px 3px 15px #adff2f;color:#07ff07}@media (max-width:650px){.detail__container{height:100%;padding:20px 0}.detail__content{height:100%;position:relative;padding:0}.detail__img img{width:100%;height:20%;border-radius:20px 20px 0 0;position:static}.detail__content_info{padding-left:0}.detail__text{padding:0 15px}.detail__title{padding:10px 0 15px;text-align:center;font-size:1.3rem}.detail__genders{font-size:1rem;text-align:start;color:#07ff07}.detail__date{padding:0;color:red}.detail__rating{padding:0;font-size:1rem;text-align:end;color:gold}}.thanks__container{height:90vh;background-image:url(/static/media/thk.a91bc2ab.jpg)}.not__container,.thanks__container{background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50%}.not__container{height:100vh;background-image:url(/static/media/gameover404.def3c8f0.jpg);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.not__title{font-size:5rem;font-weight:700;color:#ffefd5;text-transform:uppercase}.not__btn button{margin-top:10px;padding:1px 10px;font-family:"Nunito",sans-serif;font-size:1.5rem;font-weight:900;color:#ffefd5;border:none;background-color:initial;border:3px solid rgba(255,255,0,.5843137254901961);border-radius:35px;cursor:pointer}.not__btn button:hover{border-color:#ff0;box-shadow:inset 3px 3px 15px #ff0}
/*# sourceMappingURL=main.5e4ad9d6.chunk.css.map */