.rounded{border-radius:20px}.card-container{position:relative;height:fit-content;width:200px;font-family:Montserrat;text-transform:uppercase;text-align:center;font-weight:600;overflow:hidden;box-shadow:3.4px 3.4px 2.7px rgba(0,0,0,.074),3.9px 3.9px 13.3px rgba(0,0,0,.09),4px 4px 35.5px rgba(0,0,0,.097),4px 4px 50px rgba(0,0,0,.1)}.game-card{width:300px;height:250px}.game-card,.game-content{display:flex;justify-content:center}.game-content{position:relative;flex-direction:column;width:100%}.game-name{padding:10px 20px}.game-desc{display:none}.card-container:hover{width:300px;height:250px;border:5px solid var(--accent-secondary);border-radius:30px;transition:height .2s;transition:width .2s;.game-content{padding:10px;position:absolute;top:0;justify-content:center;align-content:center;width:100%;height:100%;background:linear-gradient(0deg,var(--dark),#00000080,var(--dark));color:var(--font-light);font-weight:900;text-align:center;transition:color .5s}.game-name{font-size:1.3em;text-wrap:wrap}.game-desc{display:block;text-transform:none;font-style:italic;font-weight:400;font-size:.8em}}.newsletter-container{margin:auto;padding:60px;width:80vw;height:200px;display:flex;align-items:center;justify-content:space-between;background-color:var(--background);border-radius:30px}.newslet-message{color:var(--font-dark);font-size:1.2em;font-weight:700}.newslet-form{position:relative;padding:5px;display:grid;grid-template-areas:"field btn";width:fit-content;height:fit-content;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:15px}.newslet-form-bg{margin:auto;position:absolute;top:1px;left:1px;height:calc(100% - 2px);width:calc(100% - 2px);background-color:var(--background);border-radius:14px;z-index:1}.newslet-form-email{grid-area:field;padding:10px;width:300px;color:var(--font-dark);background-color:transparent;z-index:2}.newslet-form-submit{grid-area:btn;padding:10px 30px;width:120px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:12px;z-index:2}@media (width < 1024px){.newsletter-container{padding:40px;flex-direction:column;width:70vw;height:250px}.newslet-message{text-align:center}.newslet-form-email{width:350px}}@media (width < 768px){.newsletter-container{padding:20px;width:80vw;height:200px}.newslet-message{font-size:1.1em}.newslet-form-email{width:150px}}@media (width < 480px){.newsletter-container{padding:20px;width:80vw;height:190px}.newslet-message{font-size:1em}}