body { background-color:#fff; } h1 span.h, p span.h { display:inline-block; text-align:left; text-indent:-9999px; line-height:0; margin:0; width:0; } #fp-nav.fp-bottom { width:100%; top:auto; bottom:0; margin-bottom:10px; transform:none; -ms-transform:none; -webkit-transform:none; } #fp-nav.fp-bottom ul { display:flex; justify-content:center; width:100%; } #mainLayer { overflow:hidden; background: rgb(41,182,246); } #wrapper-header { margin:0; padding:0; height:0; min-height:0; } #wrapper { max-width:none; } #wrapper #content { padding:0; text-align:center; background-color:transparent; } #footer-lite { margin-top:0; border-top:none; } #fp-nav ul li a span, .fp-slidesNav ul li a span { background-color:#fff; } #yearsummary { margin-bottom:0; } #yearsummary h2 { font-family:'Montserrat', sans-serif; margin-bottom:25px; font-size:36px; line-height:140%; font-weight:bold; color:#fff; } #yearsummary p { font-family:'Montserrat', sans-serif; font-size:20px; line-height:140%; color:#5f5398; } #yearsummary li { font-family:'Montserrat', sans-serif; font-size:22px; color:#5f5398; } #yearsummary p.message { margin:auto !important; max-width:600px; border-radius:10px; color:#fff; background-color:#20375A; } .out-top { fill:antiquewhite; } #yearsummary div.contentpage { padding-top:50px; background:none no-repeat center center; background-size:cover; overflow:hidden; } #yearsummary div.contentpage h2 span.number { display:inline-block; padding:0 6px; border-radius:4px; } #yearsummary div.contentpage.schm-0 { background-color: #FFD22F; background-attachment: fixed; background-repeat: no-repeat; background-image: none; background-size: cover; } #yearsummary div.contentpage.schm-0.active, #yearsummary div.contentpage.schm-0.fp-completely { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1600 1000'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse' patternTransform='rotate(125 800 500)'%3E%3Cpath id='a' fill='none' stroke='%23D2C7FF' stroke-width='50' d='M50 -50V200' %3E%3CanimateTransform attributeName='transform' type='translate' repeatCount='999' dur='5s' values='0 0%3B100 0' keySplines='0 0 1 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/path%3E%3Cuse href='%23a' x='-100'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25' /%3E%3C/svg%3E"); } #yearsummary div.contentpage.schm-0 h2 { color:#5f5398; } #yearsummary div.contentpage.schm-0 h2 span.number { color:#ffd22f; background-color:#5f5398; } #yearsummary div.contentpage.schm-1 { background-color: #5F5398; background-attachment: fixed; background-repeat: no-repeat; background-image: none; background-size: cover; } #yearsummary div.contentpage.schm-1.active, #yearsummary div.contentpage.schm-1.fp-completely { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3Cpattern id='b' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Crect id='a' fill='%23745998' width='50' height='50'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' values='1%3B0.5%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3CanimateTransform attributeName='transform' type='translate' repeatCount='indefinite' dur='5s' values='0 0%3B75 75%3B100 50' additive='sum' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='5s' values='0%3B45%3B90' additive='sum' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/rect%3E%3Cuse href='%23a' x='50' y='50'/%3E%3Cuse href='%23a' x='-50' y='50'/%3E%3Cuse href='%23a' x='-50' y='-50'/%3E%3Cuse href='%23a' x='50' y='-50'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23b)' width='100%25' height='100%25' /%3E%3C/svg%3E"); } #yearsummary div.contentpage.schm-1 h2 { color:#e1fb62; } #yearsummary div.contentpage.schm-1 h2 span.number { color:#5f5398; background-color:#e1fb62; } #yearsummary div.contentpage.schm-1 p { color:#e1fb62; } #yearsummary div.contentpage.schm-1 li { color:#e1fb62; } #yearsummary div.contentpage.schm-2 { background-color: #FFD22F; background-attachment: fixed; background-image: none; background-repeat: no-repeat; background-size: cover; } #yearsummary div.contentpage.schm-2.active, #yearsummary div.contentpage.schm-2.fp-completely { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000'%3E%3Cg fill='none' stroke='%23D2C7FF' stroke-width='0'%3E%3Canimate attributeName='stroke-width' dur='6s' repeatCount='indefinite' values='0%3B200%3B0%3B0' keySplines='.5 0 .5 1%3B.5 0 .5 1%3B.5 0 .5 1' calcMode='spline' /%3E%3Ccircle cx='800' cy='500' r='1' fill='%23D2C7FF' stroke='none'%3E%3Canimate attributeName='r' dur='6s' repeatCount='indefinite' values='0%3B100%3B0%3B0' keySplines='.5 0 .5 1%3B.5 0 .5 1%3B.5 0 .5 1' calcMode='spline' /%3E%3C/circle%3E%3Ccircle cx='800' cy='500' r='50' /%3E%3Ccircle cx='800' cy='500' r='110' /%3E%3Ccircle cx='800' cy='500' r='180' /%3E%3Ccircle cx='800' cy='500' r='260' /%3E%3Ccircle cx='800' cy='500' r='350' /%3E%3Ccircle cx='800' cy='500' r='450' /%3E%3Ccircle cx='800' cy='500' r='560' /%3E%3Ccircle cx='800' cy='500' r='680' /%3E%3Ccircle cx='800' cy='500' r='810' /%3E%3Ccircle cx='800' cy='500' r='950' /%3E%3C/g%3E%3C/svg%3E"); } #yearsummary div.contentpage.schm-2 h2 { color:#5f5398; } #yearsummary div.contentpage.schm-2 h2 span.number { color:#ffd22f; background-color:#5f5398; } #yearsummary div.contentpage.schm-3 { background-color: #E1FB62; background-attachment: fixed; background-repeat: no-repeat; background-image: none; background-size: cover; } #yearsummary div.contentpage.schm-3.active, #yearsummary div.contentpage.schm-3.fp-completely { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1600 1000'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse' patternTransform='rotate(55 800 500)'%3E%3Cpath id='a' fill='none' stroke='%23C0FB58' stroke-width='50' d='M50 -50V200' %3E%3CanimateTransform attributeName='transform' type='translate' repeatCount='966' dur='5s' values='0 0%3B100 0' keySplines='0 0 1 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/path%3E%3Cuse href='%23a' x='-100'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25' /%3E%3C/svg%3E"); } #yearsummary div.contentpage.schm-3 h2 { color:#5f5398; } #yearsummary div.contentpage.schm-3 h2 span.number { color:#E1FB62; background-color:#5f5398; } #yearsummary div.section.welcome { display:block; position:relative; margin:0; padding:0; text-align:center; overflow:hidden; background-color: #FFD22F; background-attachment: fixed; background-repeat: no-repeat; background-image: none; background-size: cover; } #yearsummary div.section.welcome.active, #yearsummary div.section.welcome.fp-completely { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 1500'%3E%3Cg transform='rotate(223.2 750 750)'%3E%3Cg %3E%3Cg transform=''%3E%3Ccircle r='2000' fill='%23ffb938'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='0s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1800' fill='%23ffa049'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-0.2s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1600' fill='%23ff885b'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-0.4s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1400' fill='%23ff756d'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-0.6s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1200' fill='%23f9657e'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-0.8s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='1000' fill='%23e35c8d'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-1s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='800' fill='%23c75797'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-1.2s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='600' fill='%23a7569d'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-1.4s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='400' fill='%2384559e'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-1.6s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle r='200' fill='%235F5398'%3E%3CanimateTransform attributeName='transform' type='scale' repeatCount='indefinite' dur='5s' begin='-1.8s' values='1%3B1.1%3B1' keySplines='.5 0 .5 1%3B0.5 0 .5 1' calcMode='spline'%3E%3C/animateTransform%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } #yearsummary div.section.welcome > div { padding-top:110px; } #yearsummary div.section.welcome h1 { font-family: 'Montserrat', sans-serif; font-size:60px; line-height:120%; padding-top:74px; color:#ffd22f; background:url(/img/yearincomics/2025/logo.png) no-repeat center 0 transparent; } #yearsummary div.section.welcome h1 span { display:block; margin-bottom:10px; } #yearsummary div.section.welcome h1 span.subtitle { font-size:36px; line-height:120%; color:#fff; } #yearsummary div.section.welcome div.sample { position:absolute; top:310px; display:flex; justify-content:center; gap:20px; width:100%; } #yearsummary div.section.welcome div.col { width:160px; transform:translateY(200px); opacity:0.5; transition: transform 0.7s ease-out, opacity 0.6s; } #yearsummary div.section.welcome div.col img { display:block; margin-bottom:20px; width:160px; height:243px; background-color:#eceff1; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); } #yearsummary div.section.welcome div.col-1, #yearsummary div.section.welcome div.col-5 { padding-top:85px; } #yearsummary div.section.welcome div.col-2, #yearsummary div.section.welcome div.col-4 { padding-top:170px; } #yearsummary div.section.welcome div.col-3 { padding-top:255px; } #yearsummary div.section.welcome div.col.loaded { transform:translateY(0); opacity:1; } #yearsummary div.section.happy-new-year { position:relative; background-color:#0288d1; } #yearsummary div.section.happy-new-year > div.content { position:relative; max-width:600px; padding:0 40px 40px 40px; margin:auto; z-index:10; background-color:#fff; border-radius:20px; box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.2); } #yearsummary div.section.happy-new-year > div.content:before { content:' '; position:absolute; top:-40px; left:50%; width:64px; height:64px; margin-left:-40px; border:solid 8px #fff; background:url(/img/yearincomics/2025/logo_happy.png) no-repeat center 0 transparent; background-size:64px 64px; border-radius:50%; } #yearsummary div.happy-new-year h2 { padding-top:40px; color:#0288d1; } #yearsummary div.happy-new-year p { font-size:60px; line-height:120%; font-weight:bold; color:#0288d1; } #yearsummary div.happy-new-year div.covers { position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.8; overflow:hidden; } #yearsummary div.happy-new-year div.covers div.content { position:absolute; top:-40px; left:-40px; right:-40px; bottom:-40px; } #yearsummary div.happy-new-year div.covers div.col { position:absolute; top:0; left:0; } #yearsummary div.happy-new-year div.covers div.col.odd { transform:translateY(60px) } #yearsummary div.happy-new-year div.covers div.col span { display:block; border-radius:10px; overflow:hidden; } #yearsummary div.happy-new-year div.coversgb { position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.6; background-image: linear-gradient(122deg, #e1fb62 1%, #0288d1); } #yearsummary div.data-zone { display:flex; align-items:center; width:100%; max-width:1200px; margin:auto; } #yearsummary div.data-zone.sep-b { flex-direction:row-reverse; } #yearsummary div.data-zone > div { width:50%; } #yearsummary div.data-zone div.info div.content { padding:0 10px; margin:auto; max-width:470px; } #yearsummary div.data-zone div.sample { position:relative; } #yearsummary div.data-zone div.sample div.scrollable-h { height:auto; overflow:visible; } #yearsummary div.data-zone div.sample div.scrollable-h div.scrollable-h-content { height:auto; overflow-x:hidden; } #yearsummary div.data-zone div.sample img { display:none; position:absolute; top:-121px; left:50%; margin-left:-40px; width:160px; height:243px; border-radius:6px; background-color:#eceff1; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); } #yearsummary div.data-zone div.sample img.sample-0 { display:inline; z-index:100;} #yearsummary div.data-zone div.sample img.sample-1 { display:inline; transform: translateY(-166px) translateX(-110px) scale(0.75); } #yearsummary div.data-zone div.sample img.sample-2 { display:inline; transform: translateY(-162px) translateX(100px) scale(0.62); } #yearsummary div.data-zone div.sample img.sample-3 { display:inline; transform: translateY(170px) translateX(-100px) scale(0.5); } #yearsummary div.data-zone div.sample img.sample-4 { display:inline; transform: translateY(170px) translateX(110px) scale(0.75); } #yearsummary div.data-zone div.sample img.sample-5 { display:inline; transform: translateY(325px) translateX(-205px) scale(0.75); } #yearsummary div.data-zone div.sample img.sample-6 { display:inline; transform: translateY(-46px) translateX(-370px) scale(0.75); } #yearsummary div.data-zone div.sample img.sample-7 { display:inline; transform: translateY(100px) translateX(-280px) scale(0.62); } #yearsummary div.data-zone div.sample img.sample-8 { display:inline; transform: translateY(-366px) translateX(-254px) scale(0.75); } #yearsummary div.data-zone div.sample img.sample-9 { display:inline; transform: translateY(-370px) translateX(-10px) scale(0.5); } #yearsummary div.data-zone.sep-a div.sample img.sample-0 { display:inline; transform: scale(0.69); } #yearsummary div.data-zone.sep-a div.sample img.sample-1 { display:inline; transform: translateY(-90px) translateX(-180px) scale(1); } #yearsummary div.data-zone.sep-a div.sample img.sample-2 { display:inline; transform: translateY(-192px) translateX(80px) scale(0.62); } #yearsummary div.data-zone.sep-a div.sample img.sample-3 { display:inline; transform: translateY(130px) translateX(-120px) scale(0.56); } #yearsummary div.data-zone.sep-a div.sample img.sample-4 { display:inline; transform: translateY(150px) translateX(140px) scale(0.78); } #yearsummary div.data-zone.sep-a div.sample img.sample-5 { display:inline; transform: translateY(370px) translateX(0) scale(1); } #yearsummary div.data-zone.sep-a div.sample img.sample-6 { display:inline; transform: translateY(332px) translateX(274px) scale(0.69); } #yearsummary div.data-zone.sep-a div.sample img.sample-7 { display:inline; transform: translateY(-90px) translateX(270px) scale(0.56); } #yearsummary div.data-zone.sep-a div.sample img.sample-8 { display:inline; transform: translateY(-310px) translateX(236px) scale(1); } #yearsummary div.data-zone.sep-a div.sample img.sample-9 { display:inline; transform: translateY(-330px) translateX(-70px) scale(0.69); } #yearsummary div.data-zone.gallery div.sample img { top:-105px; width:200px; height:200px; border-radius:10px; } #yearsummary div.data-zone.gallery div.sample img.sample-0 { z-index:100;} #yearsummary div.data-zone.gallery div.sample img.sample-1 { transform: translateY(-210px) translateX(-150px) scale(0.8); } #yearsummary div.data-zone.gallery div.sample img.sample-2 { transform: translateY(-154px) translateX(200px) scale(0.7); } #yearsummary div.data-zone.gallery div.sample img.sample-3 { transform: translateY(150px) translateX(-200px) scale(0.8); } #yearsummary div.data-zone.gallery div.sample img.sample-4 { transform: translateY(110px) translateX(190px) scale(0.6); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-0 { transform: scale(1); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-1 { transform: translateY(-150px) translateX(-190px) scale(0.7); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-2 { transform: translateY(-210px) translateX(150px) scale(0.80); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-3 { transform: translateY(110px) translateX(-200px) scale(0.60); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-4 { transform: translateY(150px) translateX(200px) scale(0.80); } #yearsummary span.desc { display:block; text-transform:uppercase; } #yearsummary span.icon { display:block; width:64px; height:36px; margin:0 auto 20px auto; background-color:transparent; border:solid 1px transparent; border-radius:50%; } #yearsummary span.icon span { display:inline-block; width:36px; height:36px; font-size:36px; } #yearsummary p span.emoji { font-size:1.4em; } #yearsummary ul.collections { position:relative; max-width:900px; margin:85px auto 40px auto; } #yearsummary ul.collections li { display:inline-block; width:49%; } #yearsummary ul.collections li span.content { position:relative; display:flex; flex-direction:column; justify-content:center; padding:0; margin:auto; width:260px; height:260px; color:#fff; background-color:#5271ff; border-radius:50%; } #yearsummary ul.collections li span.number { display:block; font-size:68px; line-height:130%; } #yearsummary ul.collections li span.desc { font-size:16px; text-transform:none; } #yearsummary ul.collections li.started span.content { background-color:#fb86a0; } #yearsummary div.publishers h2 { font-size:60px; line-height:100%; font-weight:900; text-transform:uppercase; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } #yearsummary div.publishers h2 > span { display:block; margin-bottom:16px; } #yearsummary div.publishers h2 > span:last-child { margin-bottom:0; } #yearsummary div.publishers h2 span.publishers { line-height:120%; } #yearsummary div.publishers h2 span.adjective { font-size:32px; line-height:50px; } #yearsummary div.publishers h2 span.adjective span.number { padding:0 8px; letter-spacing:10px; text-indent:10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } #yearsummary div.publishers h2 span.year { font-size:30px; line-height:110%; letter-spacing:22px; text-indent:22px; } #yearsummary div.publishers #piepublishers { width:300px; height:300px; margin:auto; margin-bottom:30px; } #yearsummary div.publishers ul { width:100%; max-width:260px; margin:auto; margin-bottom:0; } #yearsummary div.publishers ul li { position:relative; padding-left:36px; margin-bottom:24px; font-size:16px; line-height:140%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } #yearsummary div.publishers ul li:last-child { margin-bottom:0; } #yearsummary div.publishers ul li span { position:absolute; top:1px; left:0; width:20px; height:20px; border-radius:50%; } #yearsummary div.section.schm-0 div.publishers ul li.pub-1 span { background-color:#ede7f6; } #yearsummary div.section.schm-0 div.publishers ul li.pub-2 span { background-color:#9575cd; } #yearsummary div.section.schm-0 div.publishers ul li.pub-3 span { background-color:#673ab7; } #yearsummary div.section.schm-0 div.publishers ul li.pub-4 span { background-color:#37297a; } #yearsummary div.section.schm-1 div.publishers ul li.pub-1 span { background-color:#f0f4c3; } #yearsummary div.section.schm-1 div.publishers ul li.pub-2 span { background-color:#dce775; } #yearsummary div.section.schm-1 div.publishers ul li.pub-3 span { background-color:#e1fb62; } #yearsummary div.section.schm-1 div.publishers ul li.pub-4 span { background-color:#afb42b; } #yearsummary div.section.schm-2 div.publishers ul li.pub-1 span { background-color:#ede7f6; } #yearsummary div.section.schm-2 div.publishers ul li.pub-2 span { background-color:#9575cd; } #yearsummary div.section.schm-2 div.publishers ul li.pub-3 span { background-color:#673ab7; } #yearsummary div.section.schm-2 div.publishers ul li.pub-4 span { background-color:#37297a; } #yearsummary div.section.schm-3 div.publishers ul li.pub-1 span { background-color:#ede7f6; } #yearsummary div.section.schm-3 div.publishers ul li.pub-2 span { background-color:#9575cd; } #yearsummary div.section.schm-3 div.publishers ul li.pub-3 span { background-color:#673ab7; } #yearsummary div.section.schm-3 div.publishers ul li.pub-4 span { background-color:#37297a; } #yearsummary div.authors h2 { font-size:135px; line-height:100%; font-weight:900; text-transform:uppercase; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } #yearsummary div.authors h2 > span { display:block; margin-bottom:16px; } #yearsummary div.authors h2 span.authors { font-size:60px; line-height:110%; } #yearsummary div.authors h2 span.adjective { font-size:32px; line-height:50px; } #yearsummary div.authors h2 span.adjective span.number { padding:0 8px; letter-spacing:10px; text-indent:10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } #yearsummary div.authors h2 span.year { font-size:30px; letter-spacing:22px; text-indent:22px; line-height:110%; } #yearsummary div.authors ul { padding:0 10px; } #yearsummary div.authors ul li { position:relative; margin-bottom:70px; } #yearsummary div.authors ul li:last-child { margin-bottom:0; } #yearsummary div.authors ul li span.position { position:absolute; top:-18px; left:-4px; width:100px; font-size:36px; line-height:100px; text-align:center; color:#fff; background-color:#5f5398; border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } #yearsummary div.section.schm-1 div.authors ul li span.position { color:#5f5398; background-color:#d2c7ff; } #yearsummary div.authors ul li a { display:block; padding:0 20px 0 119px; font-size:20px; line-height:70px; text-align:left; color:#333; background-color:#ffffff; border-radius:35px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } @media screen and (max-width: 1100px) { } @media screen and (max-width: 750px) { } @media screen and (max-width: 985px) { #wrapper-top div.outstanding p.notes, #wrapper { padding-left:0; padding-right:0; } #yearsummary div.data-zone { display:block; padding-bottom:245px; } #yearsummary div.data-zone > div { width:auto; } #yearsummary div.data-zone div.sample { position:absolute; width:100%; height:245px; overflow:hidden; white-space:nowrap; } #yearsummary div.data-zone div.sample div.scrollable-h { height:245px; overflow:hidden; } #yearsummary div.data-zone div.sample div.scrollable-h div.scrollable-h-content { padding-bottom:30px; height:245px; overflow-x:scroll; } #yearsummary div.data-zone div.sample img { position:static; margin:0 0 0 -10px; transform:translateX(0) translateY(0); } #yearsummary div.data-zone div.sample img:first-child { margin:0; } #yearsummary div.data-zone div.sample img.sample-0, #yearsummary div.data-zone div.sample img.sample-2, #yearsummary div.data-zone div.sample img.sample-4, #yearsummary div.data-zone div.sample img.sample-6, #yearsummary div.data-zone div.sample img.sample-8 { transform: translateX(0) translateY(20px) scale(0.8); } #yearsummary div.data-zone div.sample img.sample-1, #yearsummary div.data-zone div.sample img.sample-3, #yearsummary div.data-zone div.sample img.sample-5, #yearsummary div.data-zone div.sample img.sample-7, #yearsummary div.data-zone div.sample img.sample-9 { transform: translateX(0) translateY(-10px) scale(0.8); } #yearsummary div.data-zone.sep-a div.sample img.sample-0, #yearsummary div.data-zone.sep-a div.sample img.sample-2, #yearsummary div.data-zone.sep-a div.sample img.sample-4, #yearsummary div.data-zone.sep-a div.sample img.sample-6, #yearsummary div.data-zone.sep-a div.sample img.sample-8 { transform: translateX(0) translateY(-10px) scale(0.8); } #yearsummary div.data-zone.sep-a div.sample img.sample-1, #yearsummary div.data-zone.sep-a div.sample img.sample-3, #yearsummary div.data-zone.sep-a div.sample img.sample-5, #yearsummary div.data-zone.sep-a div.sample img.sample-7, #yearsummary div.data-zone.sep-a div.sample img.sample-9 { transform: translateX(0) translateY(20px) scale(0.8); } #yearsummary div.data-zone.gallery { padding-bottom:220px; } #yearsummary div.data-zone.gallery div.sample { height:220px; } #yearsummary div.data-zone.gallery div.sample div.scrollable-h { height:220px; } #yearsummary div.data-zone.gallery div.sample div.scrollable-h div.scrollable-h-content { height:220px; } #yearsummary div.data-zone.gallery div.sample img { position:static; margin:0 0 0 -30px; transform:translateX(0) translateY(0); } #yearsummary div.data-zone.gallery div.sample img:first-child { margin:0 0 0 -10px; } #yearsummary div.data-zone.gallery div.sample img.sample-0 { transform: translateX(0) translateY(20px) scale(0.8); } #yearsummary div.data-zone.gallery div.sample img.sample-1 { transform: translateX(0) translateY(-10px) scale(0.8); } #yearsummary div.data-zone.gallery div.sample img.sample-2 { transform: translateX(0) translateY(20px) scale(0.8); } #yearsummary div.data-zone.gallery div.sample img.sample-3 { transform: translateX(0) translateY(-10px) scale(0.8); } #yearsummary div.data-zone.gallery div.sample img.sample-4 { transform: translateX(0) translateY(20px) scale(0.8); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-0 { transform: translateX(0) translateY(-10px) scale(0.8); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-1 { transform: translateX(0) translateY(20px) scale(0.8); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-2 { transform: translateX(0) translateY(-10px) scale(0.8); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-3 { transform: translateX(0) translateY(20px) scale(0.8); } #yearsummary div.data-zone.gallery.sep-a div.sample img.sample-4 { transform: translateX(0) translateY(-10px) scale(0.8); } #yearsummary div.authors h2 { font-size:94px; line-height:100%; } #yearsummary div.authors h2 > span { margin-bottom:11px; } #yearsummary div.authors h2 span.authors { font-size:42px; line-height:110%; } #yearsummary div.authors h2 span.adjective { font-size:22px; line-height:35px; } #yearsummary div.authors h2 span.adjective span.number { padding:0 5px; letter-spacing:7px; text-indent:7px; } #yearsummary div.authors h2 span.year { font-size:21px; letter-spacing:15px; text-indent:15px; line-height:110%; } #yearsummary div.authors ul { margin:auto; padding:10px; max-width:400px; } #yearsummary div.authors ul li { margin-bottom:20px; } #yearsummary div.authors ul li span.position { top:-7px; width:54px; font-size:22px; line-height:54px; } #yearsummary div.authors ul li a { padding:0 10px 0 72px; font-size:18px; line-height:40px; border-radius:20px; } #yearsummary div.data-zone.publishers { padding-bottom:340px; } #yearsummary div.data-zone.publishers div.sample { height:340px; } #yearsummary div.publishers h2 { font-size:42px; line-height:100%; margin-bottom:10px; } #yearsummary div.publishers h2 > span { margin-bottom:11px; } #yearsummary div.publishers h2 span.publishers { line-height:120%; } #yearsummary div.publishers h2 span.adjective { font-size:22px; line-height:35px; } #yearsummary div.publishers h2 span.adjective span.number { padding:0 5px; letter-spacing:7px; text-indent:7px; } #yearsummary div.publishers h2 span.year { font-size:21px; line-height:110%; letter-spacing:15px; text-indent:15px; } #yearsummary div.publishers #piepublishers { width:200px; height:200px; margin-bottom:10px; } #yearsummary div.publishers ul { max-width:200px; } #yearsummary div.publishers ul li { padding-left:22px; margin-bottom:10px; font-size:16px; line-height:140%; } #yearsummary div.publishers ul li span { width:16px; height:16px; } } @media screen and (max-width: 860px) { #yearsummary ul.collections li.finished span.content { margin:0 80px 0 auto; } #yearsummary ul.collections li.started span.content { margin:0 0 0 80px; } } @media screen and (max-width: 760px) { #yearsummary ul.collections { padding:0 40px; } #yearsummary ul.collections li span.content { width:auto; border-radius:10px; } #yearsummary div.section.happy-new-year > div.content { margin:0 10px; padding:0 10px 20px 10px; } #yearsummary div.section.happy-new-year > div.content p { font-size:40px; line-height:120%; } } @media screen and (max-width: 660px) { #yearsummary h2 { margin-bottom:20px; font-size:28px; line-height:140%; } #yearsummary p { font-size:17px; line-height:140%; } #yearsummary div.section.welcome h1 { padding-left:10px; padding-right:10px; font-size:40px; line-height:120%; } #yearsummary div.section.welcome h1 span.subtitle { font-size:20px; line-height:120%; } #yearsummary div.section.welcome div.sample { top:270px; gap:5px; } #yearsummary div.section.welcome div.col { width:80px; } #yearsummary div.section.welcome div.col img { width:80px; height:121px; margin-bottom:5px; } #yearsummary ul.collections { margin-top:60px; margin-left:0; margin-right:0; background:none; } #yearsummary ul.collections li { font-size:18px; } #yearsummary ul.collections li span.number { font-size:48px; } #yearsummary ul.collections li.finished span.content { margin:0 5px 0 auto; } #yearsummary ul.collections li.started span.content { margin:0 0 0 5px; } } @media screen and (max-width: 510px) { #yearsummary ul.collections { padding:0 10px; } } @media screen and (max-width: 400px) { } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) { #yearsummary div.section.welcome h1 { background-image:url(/img/yearincomics/2025/logo@2x.png); background-size:64px 64px; } } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }