.ZigZagNav{display:flex;align-items:center;background-color:#bbb;border-radius:50px;color:#444;max-width:1200px;margin:0 auto}@media only screen and (min-width:1000px){.ZigZagNav{margin:150px auto 0}}.ZigZagNav{flex-wrap:wrap;gap:1em}.ZigZagNav__item{padding:15px 40px;flex:1 1;text-align:center;color:#444;position:relative;text-transform:uppercase;border-radius:50px}.ZigZagNav__item--active,.ZigZagNav__item:hover{background-color:#aaa;color:#444}.ZigZagNav__image{position:absolute;width:100px;display:none}@media only screen and (min-width:1000px){.ZigZagNav__image{display:block}}.ZigZagNav__image{top:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .5s;transform:translateY(-95%) translateX(-15%) rotate(-2deg)}.ZigZagNav__image--even,.ZigZagNav__item:hover .ZigZagNav__image{transform:translateY(-95%) translateX(-15%) rotate(2deg)}.ZigZagNav__item:hover .ZigZagNav__image--even{transform:translateY(-95%) translateX(-15%) rotate(-2deg)}@media only screen and (min-width:600px){.ZigZagFront{display:flex}}.ZigZagFront{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;gap:20px}.ZigZagFront>div{flex:1 1}.ZigZagFront__covers{flex:0 0 410px;margin-bottom:40px;text-align:center}@media only screen and (min-width:600px){.ZigZagFront__cover{max-width:200px}}.ZigZagFront__cover{max-width:43vw;display:inline-block;transform:rotate(-3deg);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .5s;position:relative;overflow:hidden;z-index:10}.ZigZagFront__cover:hover{transform:rotate(0deg)}.ZigZagFront__cover img{display:block}.ZigZagFront__cover--2,.ZigZagFront__cover--4,.ZigZagFront__cover--6{z-index:9;transform:rotate(2deg)}.ZigZagFront__cover--3{margin-left:60px}.ZigZagFront__cover--4{margin-right:60px}.ZigZagFront__title{font-size:2em;border-bottom:2px solid #ed5f39;margin:0 auto;max-width:800px}.ZigZagFront__intro{max-width:800px;font-size:1.5em}.ZigZagFront__buy-here{display:block;width:fit-content;margin:10px auto;padding:10px 20px;background-color:#ed5f39;border-radius:5px;color:#fff}.ZigZagFront__cover-banner{font-size:80%;position:absolute;top:28px;padding:2px 40px;right:0;margin-right:-35px;transform:rotate(30deg);background-color:#ed5f39;color:#fff}.ZigZagFront__about,.ZigZagFront__cover-banner{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.ZigZagFront__about{max-width:800px;margin:0 auto;background-color:#fff;padding:20px;border-radius:5px}.ZigZagFront__about p{max-width:600px}.ZigZagFront__about-header{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}.ZigZagFront__about-header>a{display:flex;align-items:center;text-align:center;flex:1 1;margin-bottom:10px;padding:10px 20px;background-color:#b5d372;border-radius:5px;color:#444;text-decoration:none;opacity:1}.ZigZagFront__about-header>a:hover{opacity:.8}