* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Quicksand Regular'; scroll-behavior: smooth; } @font-face { font-family: 'Quicksand Regular'; src: url("../fonts/Quicksand.eot"); src: url("../fonts/Quicksand.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand.woff") format("woff"), url("../fonts/Quicksand.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quicksand Bold'; src: url("../fonts/Quicksand-Bold.eot"); src: url("../fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Bold.woff") format("woff"), url("../fonts/Quicksand-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } .a-title { font-size: 2rem; margin-bottom: 1.75rem; font-weight: 400; } @media (min-width: 768px) { .a-title { font-size: 3rem; margin-bottom: 1.875rem; } } @media (min-width: 1366px) { .a-title { font-size: 5rem; } } .a-title.--center { text-align: center; } .a-title.--ourGamesTitle { font-size: 3rem; color: #fff; } @media (min-width: 1024px) { .a-title.--ourGamesTitle { font-size: 4rem; margin-bottom: unset; } } @media (min-width: 768px) { .a-title--robots { order: 1; } } @media (min-width: 1024px) { .a-title--robots { font-size: 3rem; } } @media (min-width: 1024px) { .a-title.--contact { font-size: 4rem; } } @media (min-width: 1366px) { .a-title.--contact { font-size: 5rem; margin-bottom: 4rem; } } .a-text { font-size: 0.875rem; font-weight: 400; line-height: 17.61px; text-decoration: none; color: #000; } .a-text.--white { color: #fff; } .a-text.--bigger { font-size: 1rem; line-height: 20.13px; } .a-text.--bold { font-family: 'Quicksand Bold'; font-weight: 700; } .a-text.--center { text-align: center; } .a-text.--underline { text-decoration: underline; text-underline-offset: 3px; } .a-text.--mb1rem { margin-bottom: 1rem; } @media (min-width: 1366px) { .a-text.--ourGames { font-size: 1.5rem; line-height: 30.19px; max-width: 800px; } } @media (min-width: 768px) { .a-text.--robots { order: 3; } } @media (min-width: 1024px) { .a-text.--robots { font-size: 1rem; line-height: 20.13px; } } .a-icon__logo rect { transition: 0.3s ease-in-out; fill: #fff; } .a-icon__logo path { transition: 0.3s ease-in-out; stroke: #000; fill: #000; } .a-icon__logo:hover rect { fill: #000; transition: 0.3s ease-in-out; } .a-icon__logo:hover path { transition: 0.3s ease-in-out; stroke: #fff; fill: #fff; } .a-icon.--companyName { width: 100%; margin-bottom: 15px; } @media (min-width: 1024px) { .a-icon.--companyName { width: unset; margin-bottom: 3.75rem; } } .a-icon.--robot { transform: translate(0, -7.5%); height: 800px; } @media (min-width: 768px) { .a-icon.--robot { transform: translate(0, -15.5%); height: 650px; object-fit: contain; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 5; } } @media (min-width: 1024px) { .a-icon.--robot { transform: translate(10%, -15.5%); height: 750px; } } @media (min-width: 1366px) { .a-icon.--robot { transform: translate(20%, -14.5%); height: 800px; } } .a-icon.--center { display: flex; align-self: center; } .a-icon.--star { margin-bottom: 1.75rem; } @media (min-width: 768px) { .a-icon.--star { margin-bottom: 1.875rem; } } @media (min-width: 1366px) { .a-icon.--star { margin-bottom: unset; } } .a-icon.--ourGamesStar { margin-bottom: 3.75rem; } @media (min-width: 768px) { .a-icon.--robots { order: 2; } } .a-section { margin: 10px; } @media (min-width: 768px) { .a-section { margin: 20px; } } @media (min-width: 1024px) { .a-section:first-child { margin-top: 0; } } .a-section.--blackBackground { background: #000; color: #fff; } .a-section.--noMarginV { margin-bottom: 0; margin-top: 0; } .a-button { display: flex; justify-content: center; align-items: center; font-family: 'Quicksand Bold'; font-weight: 700; height: 3.5rem; flex: 1 1 20px; padding: 5px 33px; border: 2px solid #000; color: #000; margin: 0 5px 0 10px; background: #fff; } .a-image { width: 100%; height: auto; object-fit: contain; } .m-navbar { display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex: 0.8; transition: 0.3s ease-in-out; } .m-navbar.--mobile { display: none; } @media (max-width: 767px) { .m-navbar.--mobile { display: flex; position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: #000; z-index: 10; flex-direction: column; justify-content: center; padding: 5rem 0; opacity: 0; } } .m-navbar.--active { left: 0; opacity: 1; transition: 0.3s ease-in-out; } .m-navbar__item { color: #000; text-decoration: none; font-family: 'Quicksand Bold'; font-weight: 700; } @media (max-width: 767px) { .m-navbar__item { margin: 2rem 0; color: #fff; font-weight: bold; } } .m-navbar__item.--close { position: absolute; top: 1rem; right: 2rem; } @media (min-width: 1024px) { .m-navbar__item { display: flex; justify-content: center; align-items: center; height: 100%; padding: 20px 0; flex: 1 1; transition: 0.3s ease-in-out; } .m-navbar__item.--press { display: flex; justify-content: center; align-items: center; height: 100%; padding: 20px 0; flex: 0.5 1; transition: 0.3s ease-in-out; } .m-navbar__item:hover { background: #000; transition: 0.3s ease-in-out; color: #fff; } } .m-navbar__item rect { transition: 0.3s ease-in-out; fill: #fff; } .m-navbar__item path { transition: 0.3s ease-in-out; fill: #000; } .m-navbar__item:hover rect { fill: #000; transition: 0.3s ease-in-out; } .m-navbar__item:hover path { transition: 0.3s ease-in-out; fill: #fff; } @media (min-width: 1366px) { .m-navbar__item { padding: 20px 10px; } } .m-navbar.--pressKit { position: relative; flex: 1; } @media (min-width: 1366px) { .m-navbar.--pressKit { width: 200px; flex: unset; } } .m-navbar.--pressKit .m-navbar__item { color: #000; } @media (min-width: 768px) { .m-navbar.--pressKit .m-navbar__item:hover { color: #fff; } } .m-languagebar { display: flex; left: -100%; flex: 0.8; position: fixed; top: 0; width: 100%; height: 100vh; background: #000; z-index: 10; padding: 5rem 0; opacity: 0; flex-direction: column; justify-content: center; align-items: center; transition: 0.3s ease-in-out; } .m-languagebar.--active { display: flex; left: 0; opacity: 1; } .m-languagebar__item { color: #000; text-decoration: none; font-family: 'Quicksand Bold'; font-weight: 700; } @media (max-width: 767px) { .m-languagebar__item { margin: 2rem 0; color: #fff; font-weight: bold; } } @media (min-width: 768px) { .m-languagebar__item { margin: 2rem 0; color: #fff; font-weight: bold; } } .m-languagebar__item.--close { position: absolute; top: 1rem; right: 2rem; } @media (min-width: 768px) { .m-languagebar__item { display: flex; justify-content: center; align-items: center; transition: 0.3s ease-in-out; } } .m-languagebar__item:hover { background: #000; transition: 0.3s ease-in-out; color: #fff; } .m-languagebar__item rect { transition: 0.3s ease-in-out; fill: #fff; } .m-languagebar__item path { transition: 0.3s ease-in-out; fill: #000; } .m-languagebar__item:hover rect { fill: #000; transition: 0.3s ease-in-out; } .m-languagebar__item:hover path { transition: 0.3s ease-in-out; fill: #fff; } .m-container { display: flex; flex-direction: column; position: relative; } .m-container.--offset { margin: 0 0 0 0.625rem; box-shadow: -10px 10px 0px #000; } .m-container.--offsetTop { margin: 20px 0 0 0.625rem; box-shadow: -10px -10px 0px #000; } .m-container.--ourGames { border: 2px solid #fff; box-shadow: -10px 10px 0 #000; background: #000; margin: 20px 0 20px 0.625rem; } .m-container__decoBottomCenter { position: absolute; bottom: 0px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 172px; } @media (min-width: 1366px) { .m-container__decoBottomCenter { width: 350px; } } .m-container__row { display: flex; flex-direction: row; flex-wrap: wrap; } @media (min-width: 768px) { .m-container__row { height: 100%; } } .m-container__column { display: flex; flex-direction: column; padding: 1.75rem 1.75rem 3.5rem 1.75rem; flex: 1; border: 2px solid #000; position: relative; z-index: 1; } @media (min-width: 768px) { .m-container__column { padding: 3.75rem 4rem 3.75rem 4rem; } } .m-container__column.--decoUpperRight::after { content: url("../images/decoUpperRight.svg"); position: absolute; top: -2px; right: -2px; z-index: -1; } @media (min-width: 1366px) { .m-container__column.--decoUpperRight::after { content: url("../images/decoUpperRightBig.svg"); } } .m-container__column.--decoUpperRightWhite::after { content: url("../images/decoUpperRightWhite.svg"); position: absolute; top: 0; right: 0; z-index: -1; } @media (min-width: 1366px) { .m-container__column.--decoUpperRightWhite::after { content: url("../images/decoUpperRightWhiteBig.svg"); transform: rotate(270deg); } } .m-container__column.--decoUpperLeft::before { content: url("../images/decoUpperLeft.svg"); position: absolute; top: -2px; left: -2px; z-index: -1; } @media (min-width: 1366px) { .m-container__column.--decoUpperLeft::before { content: url("../images/decoUpperRightBig.svg"); transform: rotate(270deg); top: -4px; left: 0; } } .m-container__column.--decoBottomCenter::before { content: url("../images/decoBottomCenter.svg"); position: absolute; bottom: -6px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 172px; } @media (min-width: 1366px) { .m-container__column.--decoBottomCenter::before { content: url("../images/decoBottomCenterBig.svg"); width: 350px; height: 12px; bottom: 0px; } } .m-container__column.--equalPadding { padding: 2rem; } .m-container__column.--centeredItems { justify-content: center; align-items: center; } .m-container__column.--robotContainer { position: relative; flex: unset; width: 100%; } @media (max-width: 767px) { .m-container__column.--robotContainer { height: 400px; } } @media (min-width: 768px) { .m-container__column.--robotContainer { flex: 1 1; border-right: 0; } } .m-container__column.--companyName { background: #fff; position: relative; align-items: flex-start; z-index: 1; } @media (min-width: 1366px) { .m-container__column.--companyName { height: 650px; flex: 1.5 1.5; } } .m-container__column.--ourGames { border: none; } @media (min-width: 768px) { .m-container__column.--ourGames::after { content: url("../images/decoUpperRightWhite.svg"); position: absolute; top: -4px; left: 0px; transform: rotate(270deg); z-index: -1; } } @media (min-width: 768px) and (min-width: 1366px) { .m-container__column.--ourGames::after { content: url("../images/decoUpperRightWhiteBig.svg"); transform: rotate(270deg); } } .m-container__column.--ourGames::before { content: url("../images/decoUpperRightWhite.svg"); position: absolute; top: -1px; right: -1px; } @media (min-width: 1366px) { .m-container__column.--ourGames::before { content: url("../images/decoUpperRightWhiteBig.svg"); top: -2px; right: -2px; z-index: -1; } } @media (min-width: 768px) { .m-container__column.--robots { position: relative; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: baseline; } } @media (min-width: 1024px) { .m-container__column.--robots { padding-right: 10rem; padding-left: 10rem; } } @media (min-width: 1366px) { .m-container__column.--robots { align-items: center; padding: 7.5rem 15rem; } } @media (min-width: 1920px) { .m-container__column.--robots { padding: 7.5rem 25rem; } } .m-container__column.--bottomFooter { flex-direction: row; justify-content: space-around; padding: unset; border: unset; order: 1; } @media (max-width: 767px) { .m-container__column.--bottomFooter { flex: auto; text-align: center; } .m-container__column.--bottomFooter:first-child { order: 2; } .m-container__column.--bottomFooter:last-child { order: 1; margin-bottom: 1rem; } } .m-game { display: grid; grid-template-columns: repeat(1, 1fr); margin-left: 10px; gap: 10px; } @media (min-width: 1024px) { .m-game { grid-template-columns: repeat(2, 1fr); gap: 10px 20px; } } .m-game__item { padding-bottom: 1.7rem; padding-bottom: 3.75rem; box-shadow: -15px 5px 0px -5px #000; background: #000; } .m-game__item.--empty { justify-content: center; align-items: center; display: flex; } @media (max-width: 1024px) { .m-game__item.--empty { display: none; } } .m-game__header { width: 100%; position: relative; top: 0px; left: 0px; } .m-game__image { width: 100%; border: 2px solid #000; background: #000; position: relative; top: 0px; left: 0px; } .m-game__logo{ position: absolute; z-index: 1; display: block; margin-left: auto; margin-right: auto; width: 30%; top: 70%; left: 5%; } .m-game__logo_wide{ position: absolute; z-index: 0; display: block; margin-left: auto; margin-right: auto; width: 55%; top: 50%; left: 2%; } @media (min-width: 1024px) { .m-game__image { height: 310px; object-fit: cover; } } @media (min-width: 1366px) { .m-game__image { height: 386px; } } @media (min-width: 1920px) { .m-game__image { min-height: 500px; } } @media (min-width: 2520px) { .m-game__image { height: 1000px; } } .m-game__title { display: flex; flex: 1 1 100%; justify-content: center; margin: 1.875rem 0; font-size: 1.5rem; font-weight: 400; text-decoration: none; text-underline-offset: 6px; color: #fff; } .m-game__title:hover { transition: 0.3s ease-in-out; text-decoration: underline; } @media (max-width: 767px) { .m-game__title { text-align: center; padding: 0 1rem; } } @media (min-width: 768px) { .m-game__title { font-size: 2rem; line-height: 32px; } } .m-game__link { display: block; text-decoration: none; } .m-game__buttonWrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; } @media (min-width: 768px) { .m-game__buttonWrapper { justify-content: center; } } .m-game__button { display: flex; justify-content: center; align-items: center; font-family: 'Quicksand Bold'; font-weight: 700; text-align: center; height: 3.7rem; flex: 1 1; padding: 5px 33px; border: 2px solid #000; color: #000; margin: 0 5px 0 10px; max-width: 180px; background: #fff; text-decoration: none; } .m-game__button:last-child { margin: 0 10px 0 5px; } .m-game__button:hover { background: #000; border: 2px solid #fff; transition: 0.3s ease-in-out; color: #fff; cursor: pointer; } @media (max-width: 767px) { .m-game__button { margin: 0 10px 0 5px; padding: 5px 20px; max-width: unset; } } .m-faces { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; flex-direction: row; flex-wrap: wrap; background: #000; border: 2px solid #000; } @media (min-width: 768px) { .m-faces { display: grid; grid-template-columns: repeat(5, 1fr); } } @media (min-width: 1440px) { .m-faces { grid-template-columns: repeat(7, 1fr); } } .m-faces__item { display: flex; position: relative; flex: 1 1; background: #000; } .m-faces__item:hover .m-faces__description { transition: 0.3s ease-in-out; opacity: 1; } @media (max-width: 767px) { .m-faces__item:nth-child(2n) { padding-left: 0; } } .m-faces__item.--empty { justify-content: center; align-items: center; } @media (max-width: 1439px) { .m-faces__item.--empty { display: none; } } @media (min-width: 1440px) { .m-faces__item.--empty { display: flex; } } .m-faces__imageWrapper { display: flex; justify-content: center; align-items: flex-end; flex: 1 1; background: #fff; padding: 20px 20px 0 20px; } .m-faces__image { width: 100%; object-fit: contain; background: #fff; max-height: 205px; } @media (min-width: 1440px) { .m-faces__image { max-height: 250px; } } @media (min-width: 2520px) { .m-faces__image { max-height: 350px; } } .m-faces__description { display: flex; flex-direction: column; justify-content: space-evenly; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0.9rem; background: #000; opacity: 0; transition: 0.3s ease-in-out; } .m-faces__hr { width: 100%; background: #fff; } @media (min-width: 1024px) { .m-faces__role { font-size: 1rem; } } @media (min-width: 1024px) { .m-faces__name { font-size: 1.5rem; line-height: 30.19px; } } .m-faces__social { font-weight: bold; } @media (min-width: 1024px) { .m-faces__social { font-size: 1rem; } } .m-newsletter__title { font-size: 2rem; } @media (min-width: 1366px) { .m-newsletter__title { font-size: 3rem; } } .m-newsletter__input { margin: 2rem 0 0.875rem 0; border: 2px solid white; height: 3.5rem; background: transparent; padding: 0 1rem; color: #fff; width: 100%; font-size: 1rem; } .m-newsletter__input::placeholder { color: #fff; } .m-newsletter__description { display: flex; color: #fff; font-size: 1rem; line-height: 20.13px; } .m-project__description { display: flex; color: #fff; font-size: 1rem; line-height: 20.13px; margin-left: 25px; margin-right: 10px; } .m-project__title { display: flex; color: #fff; font-size: 1.35rem; line-height: 20.13px; margin-left: 25px; margin-right: 10px; margin-bottom: 10px; font-weight: bold; } .m-project__title.--empty { font-size: 1.75rem; } @media (min-width: 1366px) { .m-newsletter__description { font-size: 1.5rem; line-height: 30.19px; } } .m-newsletter__tos { color: #fff; } @media (min-width: 1366px) { .m-newsletter__tos { font-size: 1rem; } } .m-newsletter__button { min-width: 155px; height: 3.5rem; flex: 1 1 3.5rem; transition: 0.3s ease-in-out; margin: 0.875rem 0 2rem 0; } .m-newsletter__button:hover { background: #000; color: #fff; cursor: pointer; border: 2px solid #fff; transition: 0.3s ease-in-out; } @media (max-width: 767px) { .m-newsletter__button { flex: unset; max-width: 200px; } } @media (min-width: 1024px) { .m-newsletter__button { width: 180px; } } @media (min-width: 1366px) { .m-newsletter__button { flex: unset; } } @media (max-width: 767px) { .m-newsletter__recaptcha { width: auto; } .m-newsletter__recaptcha > div { width: 100% !important; } .m-newsletter__recaptcha iframe { width: 100%; } } .m-tabs { width: 100%; display: flex; flex-direction: column; flex: 1 1; border-right: 2px solid #000; border-left: 2px solid #000; } .m-tabs__item.--active { transition: 0.3s ease-in-out; } .m-tabs__item.--active .m-tabs__header { background: #000; color: #fff; } .m-tabs__item.--active .m-tabs__body { height: auto; padding: 1.875rem; transition: 0.3s ease-in-out; border-bottom: 2px solid #000; } .m-tabs__item.--active .m-tabs__body.--noPadding { padding: 0; } .m-tabs__item:first-child { border-top: 2px solid #000; } .m-tabs__item:last-child { border-bottom: 2px solid #000; } .m-tabs__header { border-top: 0px solid #000; border-bottom: 2px solid #000; cursor: pointer; } .m-tabs__header:hover { background: #000; color: #fff; transition: 0.3s ease-in-out; } .m-tabs__title { margin-bottom: 0; padding: 0.875rem 2rem; } @media (min-width: 768px) { .m-tabs__title { font-size: 2rem; } } @media (min-width: 1366px) { .m-tabs__title { font-size: 3rem; } } .m-tabs__body { height: 0; overflow: hidden; transition: 0.3s ease-in-out; padding: 0 2rem; } .m-tabs__body > .a-text { font-size: 1rem; margin-bottom: 0.875rem; } .m-tabs__body > .a-text:last-child { margin-bottom: 0; } @media (min-width: 1366px) { .m-tabs__body > .a-text { font-size: 1rem; margin-bottom: 0.875rem; } .m-tabs__body > .a-text:last-child { margin-bottom: 0; } .m-tabs__body > .--bigger { font-size: 1.5rem; } } .m-tabs__logos { display: flex; flex-wrap: wrap; } .m-tabs__logoWrapper { flex: 1 1; padding: 4rem 4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 768px) { .m-tabs__logoWrapper { padding: 2rem 2rem; } } @media (min-width: 1024px) { .m-tabs__logoWrapper { padding: 3rem 3rem; } } @media (min-width: 1366px) { .m-tabs__logoWrapper { padding: 4rem 4rem; } } .m-tabs__logoWrapper > .a-text { margin-bottom: 4rem; } .m-tabs__logoWrapper.--white { background: #fff; } .m-tabs__logoWrapper.--black { background: #000; } .m-form { display: flex; flex-direction: column; } .o-nav { display: flex; flex-direction: row; justify-content: space-between; border-bottom: 2px solid #000; padding: 0 0.65rem; margin-bottom: 3.5rem; } @media (min-width: 1024px) { .o-nav { margin-bottom: 0.675rem; padding: 0 1.25rem; } } .o-nav__mobileMenu { display: none; justify-content: space-between; align-items: center; flex: 1 1; margin-left: 4rem; margin-right: 1.5rem; } @media (max-width: 767px) { .o-nav__mobileMenu { margin-left: 2rem; margin-right: unset; justify-content: space-between; } } .o-nav__menuButton.--press { margin-bottom: 5px; } .o-nav__menuButton.--menu { margin-top: 3px; } .o-nav__languageButton { margin-bottom: 2px; } .o-nav__mobileMenu > a { font-weight: bold; } .o-nav__mobileLangMenu { display: none; justify-content: space-between; align-items: center; flex: 1 1; margin-left: 4rem; margin-right: 1.5rem; } @media (max-width: 767px) { .o-nav__mobileLangMenu { margin-left: 2rem; margin-right: unset; justify-content: space-around; } } .o-nav__mobileLangMenu > a { font-weight: bold; } .o-nav__logo.--home { background: #000; } @media (min-width: 1366px) { .o-nav__navbar { margin-left: 20%; } } .o-footer { margin-bottom: 0; } @media (min-width: 768px) { .o-footer { display: flex; flex-direction: row; } } .o-footer__newsletter { display: flex; flex-direction: column; background: #000; color: #fff; padding: 3.5rem 2rem; } @media (min-width: 768px) { .o-footer__newsletter { flex: 1 1; } } @media (min-width: 1024px) { .o-footer__newsletter { padding: 3.5rem; justify-content: space-between; } } @media (min-width: 1366px) { .o-footer__newsletter { padding: 7.5rem 3.5rem; } } .o-project__socialMediaWrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.75rem; } @media (min-width: 768px) { .o-project__socialMediaWrapper { align-items: center; margin-bottom: 1.875rem; } } @media (min-width: 1366px) { .o-project__socialMediaWrapper { margin-bottom: 5.5rem; } } .o-project__socialMediaIcons { width: 100%; padding-right: 20px; padding-left: 10px; } .o-project__socialMediaIconsClamp { width: 50%; margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 10px; } @media (min-width: 1024px) { .o-project__socialMediaIcons { width: unset; } } .o-project__socialMediaIcons a { text-decoration: none; } .o-project__socialMediaIcon { height: 36px; width: 36px; filter: invert(0); transition: 0.3s ease-in-out; z-index: 5; margin-left: 10px; margin-right: 10px; } .o-project__socialMediaIcon:hover { cursor: pointer; filter: invert(1); transition: 0.3s ease-in-out; } @media (min-width: 768px) { .o-project__socialMediaIcon { width: 42px; height: 42px; } } @media (min-width: 1024px) { .o-project__socialMediaIcon { width: 59px; height: 59px; margin-left: 20px; } } .o-project__socialMediaIconBig { height: 50px; width: 50px; filter: invert(0); transition: 0.3s ease-in-out; z-index: 5; margin-left: 10px; margin-right: 10px; } .o-project__socialMediaIconBig:hover { cursor: pointer; filter: invert(1); transition: 0.3s ease-in-out; } @media (min-width: 768px) { .o-project__socialMediaIconBig { width: 50px; height: 50px; } } @media (min-width: 1024px) { .o-project__socialMediaIconBig { width: 75px; height: 75px; margin-top: 40px; margin-left: 20px; } } .o-footer__socialMediaWrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.75rem; } @media (min-width: 768px) { .o-footer__socialMediaWrapper { align-items: center; margin-bottom: 1.875rem; } } @media (min-width: 1366px) { .o-footer__socialMediaWrapper { margin-bottom: 5.5rem; } } .o-footer__socialMediaIcons { width: 100%; } @media (min-width: 1024px) { .o-footer__socialMediaIcons { width: unset; } } .o-footer__socialMediaIcons a { text-decoration: none; } .o-footer__socialMediaIcon { height: 36px; width: 36px; filter: invert(0); transition: 0.3s ease-in-out; z-index: 5; } .o-footer__socialMediaIcon:hover { cursor: pointer; filter: invert(1); transition: 0.3s ease-in-out; } @media (min-width: 768px) { .o-footer__socialMediaIcon { width: 42px; height: 42px; } } @media (min-width: 1024px) { .o-footer__socialMediaIcon { width: 59px; height: 59px; margin-left: 20px; } } @media (max-width: 767px) { .o-footer__star { margin-bottom: 1.75rem; } } @media (min-width: 1366px) { .o-footer__star { margin-bottom: unset; } } .o-footer__hr { color: #000; width: 100%; border: 1px solid #000; margin: 1rem 0; } .o-footer__contact { height: auto; background: #fff; } @media (max-width: 767px) { .o-footer__contact { margin: 0 0 0 0.625rem !important; } } @media (min-width: 768px) { .o-footer__contact { display: flex; flex: 2 2; margin-top: 0 !important; transform: translateY(10px); } } .o-footer__text { font-size: 0.875rem; } @media (min-width: 1366px) { .o-footer__text { font-size: 1rem; } } .o-footer__text.--big { font-size: 1rem; } @media (min-width: 1366px) { .o-footer__text.--big { font-size: 1.5rem; line-height: 35.19px; } } @media (min-width: 1366px) { .o-footer__contactWrapper { padding: 7.5rem 3.5rem; } } .o-presskit { display: flex; } @media (max-width: 767px) { .o-presskit { flex-direction: column; } } @media (min-width: 768px) { .o-presskit { flex-direction: row; } } .o-presskit__leftColumn { height: 100%; } @media (min-width: 1024px) { .o-presskit__leftColumn { flex: 1 1; } } @media (min-width: 1024px) { .o-presskit__rightColumn { flex: 2 2; } } @media (min-width: 768px) { .o-presskit__factsheetTitle { font-size: 2rem; margin-bottom: 0.685rem; } } @media (min-width: 1366px) { .o-presskit__factsheetTitle { font-size: 3rem; } } .o-presskit__column { padding: 1.875rem; } .o-presskit__hr { border: 1px solid #000; margin-bottom: 1.875rem; } .o-presskit__galleryHeader { margin: 1rem 0; } @media (min-width: 1024px) { .o-presskit__galleryHeader { margin: 3rem 0; } } .o-presskit__galleryTitle { font-size: 1rem; text-decoration: underline; font-weight: 400; text-underline-offset: 3px; } .o-presskit__galleryList { display: flex; flex-wrap: wrap; margin-top: 1rem; } @media (min-width: 1024px) { .o-presskit__galleryList.--gameGallery { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } } .o-presskit__image { width: 100%; height: auto; line-height: 150px; background: #EC985A; color: white; margin: 0 1rem 1rem 0; text-align: center; font-family: system-ui; font-weight: 900; font-size: 2rem; flex: 1 0 auto; object-fit: cover; } .o-presskit__image div:nth-child(1) { width: 168px; } .o-presskit__image div:nth-child(2) { width: 447px; } .o-presskit__image div:nth-child(3) { width: 446px; } .o-presskit__image div:nth-child(4) { width: 178px; } .o-presskit__image div:nth-child(5) { width: 225px; } .o-presskit__image div:nth-child(6) { width: 324px; } .o-presskit__image div:nth-child(7) { width: 468px; } .o-presskit__image div:nth-child(8) { width: 193px; } .o-presskit__image div:nth-child(9) { width: 251px; } .o-presskit__image div:nth-child(10) { width: 303px; } .o-presskit__image div:nth-child(11) { width: 151px; } .o-presskit__image div:nth-child(12) { width: 357px; } .o-presskit__image div:nth-child(13) { width: 87px; } .o-presskit__image div:nth-child(14) { width: 321px; } .o-presskit__image div:nth-child(15) { width: 370px; } .o-presskit__image div:nth-child(16) { width: 342px; } .o-presskit__image div:nth-child(17) { width: 419px; } .o-presskit__image div:nth-child(18) { width: 188px; } .o-presskit__image div:nth-child(19) { width: 395px; } .o-presskit__image div:nth-child(20) { width: 193px; } .o-presskit__image div:nth-child(21) { width: 181px; } .o-presskit__image div:nth-child(22) { width: 109px; } .o-presskit__image div:nth-child(23) { width: 144px; } .o-presskit__image div:nth-child(24) { width: 127px; } .o-presskit__image div:nth-child(25) { width: 353px; } .o-presskit__image div:nth-child(26) { width: 383px; } .o-presskit__image div:nth-child(27) { width: 253px; } .o-presskit__image div:nth-child(28) { width: 423px; } .o-presskit__image div:nth-child(29) { width: 73px; } .o-presskit__image div:nth-child(30) { width: 232px; } .o-presskit__image div:nth-child(31) { width: 81px; } .o-presskit__image div:nth-child(32) { width: 466px; } .o-presskit__image div:nth-child(33) { width: 449px; } .o-presskit__image div:nth-child(34) { width: 313px; } .o-presskit__image div:nth-child(35) { width: 259px; } .o-presskit__image div:nth-child(36) { width: 163px; } @media (min-width: 1366px) { .o-presskit__image { width: auto; height: 240px; } } @media (min-width: 1440px) { .o-presskit__image { height: 200px; } } .o-presskit__image.--gameImage { width: 100%; margin: unset; } .o-presskit__header { margin-bottom: 1rem; } .o-presskit__list { margin-left: 20px; } .o-presskit__listItem { margin-bottom: 1rem; } .o-presskit__videoWrapper { margin-bottom: 1rem; } .o-presskit__video { aspect-ratio: 16/9; width: 100%; } .o-cookieModal { display: none; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; height: auto; background: rgba(0, 0, 0, 0.7); z-index: 999; } .o-cookieModal.--active { display: flex; } .o-cookieModal__body { width: 100%; background: #fff; padding: 4rem; z-index: 1000; position: relative; border: 2px solid #000; } @media (max-width: 767px) { .o-cookieModal__body { height: 100%; padding: 2rem; overflow-y: scroll; } } .o-cookieModal__body.--decoUpperRight::after { content: url("../images/decoUpperRight.svg"); position: absolute; top: -2px; right: -2px; z-index: -1; } @media (min-width: 1366px) { .o-cookieModal__body.--decoUpperRight::after { content: url("../images/decoUpperRightBig.svg"); } } .o-cookieModal__body.--decoUpperLeft::before { content: url("../images/decoUpperLeft.svg"); position: absolute; top: -2px; left: -2px; z-index: -1; } @media (min-width: 1366px) { .o-cookieModal__body.--decoUpperLeft::before { content: url("../images/decoUpperRightBig.svg"); transform: rotate(270deg); top: -4px; left: 0; } } .o-cookieModal__item { display: grid; grid-template-columns: 11fr 1fr; align-items: center; gap: 1rem; } .o-cookieModal__input { width: 32px; height: 32px; accent-color: #000; } .o-cookieModal__settings { display: none; grid-template-columns: 1fr; gap: 1rem; } .o-cookieModal__intro { display: block; } .o-cookieModal__footer { display: grid; grid-template-columns: 1; gap: 1rem; align-items: center; margin-top: 2rem; } @media (min-width: 768px) { .o-cookieModal__footer { grid-template-columns: repeat(3, 1fr); } } .o-cookieModal__button { transition: 0.3s ease-in-out; width: 100%; } .o-cookieModal__button:hover { background: #000; color: #fff; transition: 0.3s ease-in-out; cursor: pointer; } @media (max-width: 767px) { .o-cookieModal__button { margin-bottom: 1rem; } } .o-cookieModal__button.--accept { font-weight: 900; }