a{text-decoration:none;color:#fff;font-family:Open Sans,sans-serif!important}:root{--space-x-page: 0 10%}@media only screen and (max-width: 600px){:root{--space-x-page: 0 3%}}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ff4655!important;margin-bottom:70px!important;padding:var(--space-x-page)!important;height:80px}.logo-header{width:166px;height:40px}.userbuttons{gap:8px}.nav{height:100%}.nav-list{margin:0;padding:0;list-style-type:none;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-list li{display:flex;align-items:center}.button-link{background-color:#ff4655;color:#fff;padding:10px 20px;border:none;text-decoration:none;border-radius:5px;cursor:pointer}.button-link:hover{background-color:#ff4620;animation-duration:.3s}.user{margin-right:20px;color:#ff4655;font-weight:700;font-size:20px}.home{padding:var(--space-x-page)!important}.image-home{width:100%;object-fit:contain;max-width:480px;height:120px}.home__container{display:flex;flex-direction:column;align-items:center;height:100vh}.game-image{width:218px;height:282px;object-fit:cover;border-radius:15px}.games{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;gap:20px;margin-left:1px;margin-right:10px}h2{color:#fff}a{text-decoration:none;font-weight:700}.game,.game-wrapper{position:relative}.game-title{font-family:Open Sans,sans-serif;font-weight:700;position:absolute;bottom:0;left:0;color:#fff;padding:5px 10px}.pages{display:flex;justify-content:space-around;background-color:#ff4655;border-radius:5px;gap:10px}.pages a{color:#fff;font-weight:700;padding:10px}.pagination a.active{background-color:#ff4655;color:#fff}.pagination-container{margin-top:40px;cursor:pointer;font-family:Open Sans,sans-serif;text-decoration:none}.pagination-container a{margin-bottom:40px}.pagination-container :nth-child(1){margin-right:10px;display:flex;flex-direction:row}.pagination-container :nth-child(2){display:flex}.game:hover{transform:scale(1.1);transition:.5s;cursor:pointer}.pagination a:active,.pagination a:focus{outline:none}.searchbar{margin:20px 0;position:relative;width:100%;max-width:400px}input[type=text]{width:100%;padding:10px;border:none;border-radius:5px;outline:none;box-shadow:0 2px 5px #0003;font-size:16px}input[type=text]::placeholder{color:#999}.search-icon{position:absolute;right:12px;top:43%;transform:translateY(-50%);font-size:24px;cursor:pointer}.pagination-container .active{font-weight:700}.add-to-collection{justify-content:center;right:0;padding:10px;margin-bottom:20px;background-color:#ff4655;color:#fff;border-radius:5px;font-weight:700;cursor:pointer}.details-right{display:flex;flex-direction:column;justify-content:space-between;margin-left:20px;width:900px}.details-column a{gap:20px}.game-details{color:#fff;font-family:Open Sans,sans-serif;flex-direction:row}.release-date,.genres,.platforms,.developers,.age,.publishers,.about{color:gray;font-weight:700}.about{margin-bottom:20px}.image{width:600px;height:400px;border-radius:10px;object-fit:cover}.game-details h1{font-size:40px;margin-bottom:20px;text-decoration:underline #ff4655;font-weight:700}.game-details__container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);margin-top:40px;flex-direction:column}.game-details__container p{display:flex;margin-bottom:20px;justify-content:right}.games-like{font-weight:700;text-decoration:underline #ff4655;font-size:20px}.games-like__container{margin-top:-10px;display:flex;flex-wrap:nowrap;gap:10px;overflow:scroll;overflow-y:hidden;margin-bottom:60px;height:350px;align-items:flex-end;padding-bottom:20px}.games-like-img{margin-top:20px;width:218px;height:282px;object-fit:cover;border-radius:15px}.game-like{position:relative}.game-name-overlay{position:absolute;bottom:0;left:0;color:#fff;padding:4px 8px;font-size:14px;margin:0;font-weight:700;border-radius:0 0 15px 15px}.game-details span{margin-right:10px}.games-like__container :hover{transform:scale(1.03);transition:.5s;cursor:pointer}.container{padding:var(--space-x-page)!important}.loading-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:9999}.games-screenshot{margin-top:20px;display:flex;gap:10px;overflow:scroll;overflow-y:hidden;height:240px}.screenshot{border-radius:15px;width:300px;height:200px;object-fit:cover;margin-top:10px;margin-bottom:10px}.screenshots-title{margin-top:30px;color:gray;font-weight:700}.games-screenshot :hover{transform:scale(1.03);transition:.5s;cursor:pointer}.details-container{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.image-container,.game-details__container{flex:1}.image{width:100%;max-width:400px;height:auto}.description{line-height:normal}.screenshots-container{margin-bottom:60px}.about-container{margin-top:20px;margin-bottom:40px}.details-right{margin-right:30px}.image{width:100%;height:100%}video{margin-top:20px}.custom-video{border:1px solid #ccc;width:100%;margin-top:20px;border-radius:15px;margin-bottom:20px}.login_container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.login_container form{width:100%;max-width:400px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.login_container h1{color:#fff;font-size:40px;font-weight:700;margin-bottom:20px}.login_container input{width:100%;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.login-text{color:#fff;padding:20px;cursor:pointer;font-weight:700}.login-text:hover{color:#ff4655}.signup_container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.signup_container h1{color:#fff;font-size:40px;font-weight:700;margin-bottom:20px}.signup_container form{width:100%;max-width:400px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.signup_container input{width:100%;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.signup_container .input-file{color:#fff}.submit{background-color:#ff4655;width:100%;height:42px;border:none;text-decoration:none;border-radius:5px;cursor:pointer;color:#fff;font-size:16px;font-weight:700}.signup-text{color:#fff;padding:20px;cursor:pointer;font-weight:700}.signup-text:hover{color:#ff4655}h1{color:#fff}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%;font:inherit;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}*{box-sizing:border-box}