/** Main */
.main-block {
    width: 100%;
    text-align: center;
}
.main-block h1 {
    margin: 0;
    display: inline-block;
    background-image: url("/paper/elements/our-values-title.svg");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 1.5em;
    z-index: 2;
}
.table-part::before {
    content: ' ';
    display: inline-block;
    background: url("/paper/elements/presskit-header-stickers.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -10em;
    left: 0;
    background-position: 50% 100%;
    height: 15em;
    width: 100%;
}
.main-block .table-part {
    position: relative;
    display: inline-block;
    width: 100%;
    background: url("/paper/elements/bg-green.jpg") repeat;
    border-radius: 3em;
    padding: 1em;
    filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.2));
}
.table-part .bottom-elm, .table-part .left-elm, .table-part .right-elm {
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.table-part .left-elm {
    background-image: url("/paper/elements/presskit-top-left.svg");
    width: 3em;
    top: 0;
    left: -3.5em;
    height: 100%;
}
.table-part .right-elm {
    background-image: url("/paper/elements/presskit-top-right.svg");
    width: 2.5em;
    top: 0;
    right: -3.5em;
    height: 100%;
}
.table-part .bottom-elm {
    background-image: url("/paper/elements/presskit-top-bottom.svg");
    width: 100%;
    bottom: -3em;
    left: 0;
    height: 4em;
}

.main-block table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}
.main-block td {
    border: 3px solid white;
    color: white;
    font-family: 'montserrat', Arial, sans-serif;
    padding: 2em;
}
.main-block table tr:first-child td {
    border-left: 0;
    width: 25%;
}
.main-block table tr:first-child td:first-child {
    border-left: 3px solid white;
    border-top-left-radius: 2em;
}
.main-block table tr:first-child td:last-child {
    border-top-right-radius: 2em;
}
.main-block table tr:last-child td {
    border-top: 0;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
}

/** Download */
.download-section {
    border: 15px solid;
    border-image-source: url('/paper/elements/patch-download.svg');
    border-image-repeat: round stretch;
    border-image-slice: 12.5% fill;
    text-align: center;
    width: auto;
    filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.2));
    margin-top: 4em;
    margin-bottom: 5em;
    display: inline-block;
    padding: 1em 3em;
}
.download-section h1 {
    display: block;
    width: 100%;
}
.download-section a, .download-section a:hover, .download-section a:visited, .download-section a:active {
    text-decoration: none;
    display: inline-block;
    padding: 0.1em 0.25em;
    font-size: 1.2em;
    border: 1.5px solid #B69881;
    border-radius: 1.75em;
    color: #B69881;
    font-family: 'vspencil', Arial, sans-serif;
}
.download-yellow::after, .download-red::after, .download-blue::after, .download-green::after {
    content: ' ';
    display: inline-block;
    width: 1.2em;
    aspect-ratio: 1 !important;
    background: url("/paper/elements/download-yellow.png") no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    position: relative;
    top: 0.2em;
}
.download-red::after {
    background-image: url("/paper/elements/download-red.png");
}
.download-green::after {
    background-image: url("/paper/elements/download-green.png");
}
.download-blue::after {
    background-image: url("/paper/elements/download-blue.png");
}

/** Studio */
.studio-part {
    width: 100%;
    text-align: center;
    position: relative;
    border-image: url('/paper/elements/bg-about-studio.png');
    border-image-repeat: round;
    border-image-slice: 12.5% fill;
    border-image-outset: 15px;
    border-image-width: 70px;
    padding: 2em;
    margin-bottom: 4em;
}
.studio-part .sticker-cat, .studio-part .sticker-fox, .studio-part .sticker-desk {
    display: inline-block;
    border: 0;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.studio-part p, .our-game-part p {
    color: #B69881;
    text-align: justify;
    font-family: 'montserrat', Arial, sans-serif;
}
.studio-part .sticker-cat {
    background-image: url("/paper/stickers/cat.png");
    width: 6em;
    height: 6em;
    top: -3em;
    left: 30%;
}
.studio-part .sticker-fox {
    background-image: url("/paper/stickers/fox.png");
    width: 6em;
    height: 6em;
    bottom: -3em;
    right: 25%;
}
.studio-part .sticker-desk {
    background-image: url("/paper/stickers/desk.png");
    width: 8em;
    height: 8em;
    top: -4em;
    right: 1em;
}
/** The Game */
.our-game-part {
    position: relative;
    width: 100%;
    text-align: center;
    background-image: url("/paper/elements/team-grid.svg");
    background-position: top;
    background-size: cover, 10%;
    background-repeat: no-repeat;
}
.our-game-part .gamepad-sticker {
    display: inline-block;
    aspect-ratio: 1;
    width: 5em;
    background-image: url("/paper/stickers/gamepad.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.25em;
    left: 5%;
}
.our-game-part .keywords-container {
    position: relative;
    padding-bottom: 2em;
    padding-top: 0.5em;
    background: url("/paper/elements/about-keywords-bg.svg") no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    z-index: 10;
}

/** Medias */
.medias-part {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
}
.sticker-news {
    display: inline-block;
    width: 6em;
    height: 6em;
    background: url("/paper/stickers/news.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -3em;
    right: -3em;
}
.articles-container {
    position: relative;
    border: 2px solid #B69881;
    border-radius: 40px;
    background: rgba(219, 193, 175, 0.2);
    padding: 30px;
    margin: 1em 1em 0.1em;
}
.articles-container::before {
    content: ' ';
    display: inline-block;
    width: 1.7em;
    aspect-ratio: 40/85;
    background-image: url("/paper/elements/stars-news-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -2.5em;
    top: -0.5em;
}
.articles-container::after {
    content: ' ';
    display: inline-block;
    width: 2.5em;
    aspect-ratio: 65/85;
    background-image: url("/paper/elements/stars-news-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -3em;
    bottom: 1.5em;
}
.articles-container .article-item {
    display: inline-block;
    width: 100%;
    background: url('/paper/elements/bg-article.png') repeat;
    border-image: url('/paper/elements/patch-article.png') 55;
    border-image-outset: 15px;
    border-image-width: 70px;
    color: #916E53;
    text-decoration: none;
    font-family: 'VSPencil', Arial, sans-serif;
    text-align: center;
    margin-bottom: 1.5em;
}
.articles-container .article-item a {
    text-decoration: none;
    text-align: center;
    width: 100%;
}
.articles-container .article-item .main-image {
    padding: 4px;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    width: 100%;
}
.articles-container .article-item .flag {
    height: 1em;
    width: 1.5em;
}
.articles-container h2 {
    font-size: 1.7em;
    display: inline-block;
    font-family: 'VSPencil', Arial, sans-serif;
    padding: 0;
    margin: 0 8px;
    line-height: 1.6em;
    max-width: 100%;
}

.tag, .title-tag, .genre-tag, .platforms-tag, .studio-tag, .description-tag,
.tag-yellow, .tag-blue, .tag-green, .tag-red {
    display: inline-block;
    margin: 0.2em 0;
    position: relative;
    text-decoration: none;
    font-size: 1.25em;
    font-family: 'vspencil', 'Comic Sans MS', sans-serif;
    padding: 0 1.25em;
    border: 1.5px solid #6b5146;
    border-radius: 0.9em;
    color: #6b5146;
    text-align: center;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.tag::before, .title-tag::before, .genre-tag::before, .platforms-tag::before,
.studio-tag::before, .description-tag::before,
.tag-yellow::before, .tag-blue::before, .tag-green::before, .tag-red::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    right: 2px;
    bottom: -4px;
    transform: rotate(1deg);
    background-color: #d8a594;
    border-radius: 0.8em;
    border-bottom-right-radius: 0.6em;
    z-index: -1;
    transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
}
.title-tag, .genre-tag, .platforms-tag, .studio-tag, .description-tag {
    border-color: white;
    color: white;
}
.title-tag::before, .description-tag::before, .tag-yellow::before {
    background-color: rgba(228, 196, 128, 0.6) !important;
}
.genre-tag::before, .tag-red::before {
    background-color: rgba(227, 169, 149, 0.6) !important;
}
.platforms-tag::before, .tag-blue::before {
    background-color: rgba(172, 189, 204, 0.6) !important;
}
.studio-tag::before, .tag-green::before {
    background-color: rgba(205, 211, 171, 0.6) !important;
}
.main-block, .studio-part, .our-game-part, .medias-part {
    overflow-x: clip;
}