@import "https://fonts.googleapis.com/css?family=Bangers|Comic+Neue:400,700&display=swap";@font-face{font-family:icomoon;src:url(../fonts/icomoon/icomoon.eot?srf3rx);src:url(../fonts/icomoon/icomoon.eot?srf3rx#iefix)format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?srf3rx)format("truetype"),url(../fonts/icomoon/icomoon.woff?srf3rx)format("woff"),url(../fonts/icomoon/icomoon.svg?srf3rx#icomoon)format("svg");font-weight:400;font-style:normal}body,p{font-family:Comic Neue,cursive}h1,h2,h3,h4,h5,h6{font-family:Bangers,cursive;font-weight:400}a{color:#000}a:focus,a:hover{text-decoration:underline}.parallax{perspective:1px;z-index:-50;height:100vh;position:absolute;overflow:hidden auto}.parallax__layer{position:absolute;inset:0}.parallax__layer--base{transform:translateZ(0)}.parallax__group{height:100vh;transform-style:preserve-3d;position:relative}.parallax__layer--deep{transform:translateZ(-2px)scale(3)}.parallax__layer--back{transform:translateZ(-1px)scale(2)}nav{padding:4px}nav ul,.social ul,header ul{list-style:none}nav li,.social li,header li{padding:10px;display:inline-block}.pagination{list-style:none}.pagination li{padding:10px;display:inline-block}.header{width:100%;height:90px;margin:0 auto;display:table}.header .navigation{text-align:center;font-variant:small-caps;min-width:300px;height:85px;font-family:Comic Neue,cursive;display:table-cell}.header .navigation a{text-decoration:none}.header .navigation a:focus,.header .navigation a:hover{background-color:#0000;border-bottom:2px solid #00a9e0;text-decoration:none;transform:rotate(-1deg)}.logo{max-width:10rem;height:10rem;margin-left:10px}header{font-variant:small-caps;width:100%;margin:0 auto;font-family:Comic Neue,cursive;font-size:1em}header a{background-color:#0000;text-decoration:none}header a:focus,header a:hover{background-color:#0000;border-bottom:2px solid #00a9e0;text-decoration:none;transform:rotate(-1deg)}footer{width:100%}footer .social,footer .copyright{text-align:center;width:100%}.nav-padding{padding-left:10px;padding-right:10px}#logo{width:100%;height:93px}#logo a,#logo a:focus,#logo a:hover{background-color:none}#logo img{border:0;height:90%;padding-top:11px}#menu-icon{display:hidden;width:40px;height:40px}@media(width<=40rem){section{padding:10px}.px2{padding:0}.comic{padding:10px}.panels{max-width:26rem}.banner{padding:4px}.logo{max-width:5rem;height:5rem}}@media(width>=40rem){section,.px2{padding:0}.comic{padding:10px}.panels{max-width:60rem}}.banner{border-bottom:1px solid #333;margin-top:10px;padding-top:4px;padding-left:4px}.comic{border:3px solid #333;border-radius:5px}.comic h1{border:none}section{border:4px solid #333;min-width:480px;min-height:200px;margin:0 auto 20px;padding:16px;box-shadow:5px 5px #333}section .section-items{width:100%;margin:auto}section .section-items .section-item{border:2px solid #333;min-width:150px;max-width:350px;min-height:100px;margin:2px}section .section-items .section-item .bodyimg{border:1px solid #ef3d2d;width:120px}section h1{margin:auto;font-size:1.8rem;font-weight:500}section .icon{display:-moz-inline-stack;zoom:1;color:#333;margin-top:15px;font-size:30px;display:inline-block}button,.button{color:#333;cursor:pointer;background-color:#fd0;border:2px solid #333;border-radius:5px;padding:8px 15px;font-family:Comic Neue,cursive;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block;box-shadow:2px 2px #0000001a}button:hover,button:focus,.button:hover,.button:focus{outline:none;transform:translateY(-1px)rotate(-1deg);box-shadow:3px 3px #0000001a}button:active,.button:active{transform:translateY(1px)rotate(0);box-shadow:1px 1px #0000001a}.fade-in{animation:1s forwards fadeInAnimation}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.swipe-left{animation:1s forwards swipeLeftAnimation}@keyframes swipeLeftAnimation{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}body{margin:0 auto}