#comics{padding-bottom:70px;padding-top:70px}#comics-banner{background-color:#ffd900;margin:-88px 0px 0px 0px;width:100%}#comics-banner__img{background:#ffd900 url("../img/comics-banner.png") no-repeat center/cover;height:400px;margin:0px auto;max-width:1900px;position:relative}#comics-heroes{background:#fff url("../img/comics-intro-bg.png") no-repeat center bottom/auto 25vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}#comics-introduction{align-items:center;background:#fff url("../img/comics-intro-bg.png") no-repeat center/cover;display:flex;flex-direction:column;padding:100px 40px;text-align:center}#comics-introduction__copy{max-width:40em}#comics-introduction__title{font:normal 40px/40px "KomikaAxis",sans-serif;margin:0px 0px 30px 0px}#comics-introduction__title span{color:#7d52e5}#comics-strip{margin-bottom:-3.5vw;position:relative;width:100%;z-index:3}#comics-strip__img{display:block;width:100%}#comics-villains{background-color:#000000;padding:180px 40px 70px 40px}#comics-villains__content__villains{display:flex;flex-wrap:wrap;justify-content:center;gap:90px 5%;margin:0px auto;max-width:1130px}#comics-villains__content__title{color:#fff;font:normal 40px/40px "KomikaAxis",sans-serif;margin-bottom:90px;text-align:center}.comics-heroes__hero{background-position:center top;background-repeat:no-repeat;background-size:cover;color:#161617;flex:1 1 25%;font-size:20px;height:25vw;line-height:24px;max-width:25%}.comics-heroes__hero.baby-blue{background-color:#C9EAFF}.comics-heroes__hero.baby-blue .comics-heroes__hero-copy{background-color:#C9EAFF}.comics-heroes__hero.pale-yellow{background-color:#FDFFC9}.comics-heroes__hero.pale-yellow .comics-heroes__hero-copy{background-color:#FDFFC9}.comics-heroes__hero.rose-gold{background-color:#FFC9C9}.comics-heroes__hero.rose-gold .comics-heroes__hero-copy{background-color:#FFC9C9}.comics-heroes__hero.lime{background-color:#E7FFB1}.comics-heroes__hero.lime .comics-heroes__hero-copy{background-color:#E7FFB1}.comics-heroes__hero.peach{background-color:#FFD3C9}.comics-heroes__hero.peach .comics-heroes__hero-copy{background-color:#FFD3C9}.comics-heroes__hero.blurple{background-color:#80A1FF}.comics-heroes__hero.blurple .comics-heroes__hero-copy{background-color:#80A1FF}.comics-heroes__hero.pale-rose{background-color:#FD87d5}.comics-heroes__hero.pale-rose .comics-heroes__hero-copy{background-color:#FD87d5}.comics-heroes__hero.mint{background-color:#C9FFCd}.comics-heroes__hero.mint .comics-heroes__hero-copy{background-color:#C9FFCd}.comics-heroes__hero.french-ultramarine{background-color:#92BDF0}.comics-heroes__hero.french-ultramarine .comics-heroes__hero-copy{background-color:#92BDF0}.comics-heroes__hero.raw-sienna{background-color:#FFC99A}.comics-heroes__hero.raw-sienna .comics-heroes__hero-copy{background-color:#FFC99A}.comics-heroes__hero.dark-slate{background-color:#2D3857}.comics-heroes__hero.dark-slate .comics-heroes__hero-copy{background-color:#2D3857}.comics-heroes__hero.purple{background-color:#8175D9}.comics-heroes__hero.purple .comics-heroes__hero-copy{background-color:#8175D9}.comics-heroes__hero.dark-slate{color:#fff}.comics-heroes__hero-copy{cursor:pointer;height:100%;opacity:0;overflow:auto;padding:2vw;transition:opacity 0.25s ease-in-out}.comics-heroes__hero-copy a{color:inherit;display:none;text-decoration:underline;transition:opacity 0.3s ease-out}.comics-heroes__hero-copy a:hover{cursor:pointer;opacity:0.5}.comics-heroes__hero-copy h3{font:normal 20px/30px "KomikaAxis",sans-serif}.comics-heroes__hero-copy p{margin-top:20px}.comics-heroes__hero:hover{cursor:pointer}.comics-heroes__selection{display:none}.comics-heroes__selection:checked+.comics-heroes__hero .comics-heroes__hero-copy{cursor:default;opacity:1}.comics-heroes__selection:checked+.comics-heroes__hero .comics-heroes__hero-copy a{display:inline-block}.comics-villains__villain{flex:0 0 45%}.comics-villains__villain__copy{text-align:center;color:#fff}.comics-villains__villain__copy-p{padding:0px 10px}.comics-villains__villain__copy-title{font:normal 30px/38px "KomikaAxis",sans-serif;margin:40px 0px}.comics-villains__villain__copy-title.dr-data{color:#68bed0}.comics-villains__villain__copy-title.data-slingers{color:#f58308}.comics-villains__villain__copy-title.sidekick{color:#75dcfb}.comics-villains__villain__copy-title.fraudborg{color:#f5474a}.comics-villains__villain__copy-title.miss-attribution{color:#89e2ce}.comics-villains__villain__copy-title.dr-blackbox{color:#fe3c47}.comics-villains__villain__copy-title.miss-information{color:#d23a83}.comics-villains__villain__copy-title.shady-agency-aes{color:#df2822}.comics-villains__villain__copy-title.fraudsters{color:#f8cd02}.comics-villains__villain__img{display:block;height:auto;margin:0px auto;max-height:370px;max-width:100%;width:auto}.comics-villains__villain__top{min-height:370px}.comic-issue{align-items:flex-start;display:flex;justify-content:space-between}.comic-issue__content{flex:0 1 100%}.comic-issue__content__title{font:normal 30px/38px "KomikaAxis",sans-serif;margin:25px 0px 30px 0px}.comic-issue__content p+p{margin-top:30px}.comic-issue__img{display:block;flex:0 0 275px;padding:0px 130px}.comic-issue:nth-child(even){flex-direction:row-reverse}.comic-issue+.comic-issue{padding-top:80px}@media screen and (min-width: 1901px){#comics-banner__img::after{background:linear-gradient(270deg, #ffd900 0%, transparent 100%);bottom:0px;content:"";display:block;position:absolute;right:0px;top:0px;width:20%;z-index:1}#comics-banner__img::before{background:linear-gradient(90deg, #ffd900 0%, transparent 100%);bottom:0px;content:"";display:block;left:0px;position:absolute;top:0px;width:20%;z-index:1}}@media screen and (max-width: 1280px){#comics-heroes{background-size:auto 33vw}.comics-heroes__hero{flex:1 1 33%;height:33.3vw;max-width:33.3%}}@media screen and (max-width: 1024px){#comics-banner{margin-top:0px}#comics-banner__img{height:37vw}#comics-heroes{background-size:auto 50vw}.comic-issue{align-items:flex-start;display:flex;justify-content:space-between}.comic-issue__img{padding:0px 60px}.comics-heroes__hero{flex:1 1 50%;height:50vw;max-width:50%}.comics-heroes__hero-copy{padding:40px}.comics-villains__villain__top{min-height:30vw}}@media screen and (max-width: 768px){#comics-introduction{padding:75px 40px}.comic-issue{align-items:center;flex-direction:column-reverse;justify-content:flex-start}.comic-issue__img{flex:1 1 100%;margin:0px auto 30px auto;max-width:275px;padding:0px;width:100%}.comic-issue:nth-child(even){flex-direction:column-reverse}.comics-heroes__hero-content{flex-direction:column;text-align:center}.comics-heroes__hero-content__copy{padding:40px 0px}.comics-heroes__hero-content__img{margin-bottom:0px;max-width:70%}.comics-heroes__hero:nth-child(even) .comics-heroes__hero-content{flex-direction:column}.comics-heroes__hero:nth-child(even) .comics-heroes__hero-content__copy{padding:40px 0px}.comics-villains__content__villains{flex-direction:column;gap:80px 0px}.comics-villains__villain{flex:1 1 100%}.comics-villains__villain__top{min-height:unset}.comics-villains__villain__copy-p{padding:0px}}@media screen and (max-width: 640px){.comics-heroes__hero{flex:1 0 100%;height:100vw;max-width:100%}}