@font-face{font-family:Hanken;src:url(fonts/HankenGrotesk.woff2) format("woff2")}@font-face{font-family:Hanken;src:url(fonts/HankenGrotesk-Italic.woff2) format("woff2");font-style:italic}:root{--main-bg-color: #d3e3b1;--main-text-color: #222;--sub-text-color: #338233;--highlite-color: #0fa;--font-sans: "Hanken", Helvetica, Arial, sans-serif}body{margin:0;padding:0;background-color:var(--main-bg-color);color:var(--main-text-color);font-family:var(--font-sans);font-size:16px;line-height:1.2}h1,h2,h3{font-family:var(--font-sans);font-weight:700;color:var(--main-text-color)}:focus{outline:0;border:3px dotted dodgerblue}img{max-width:initial;display:initial}.container{max-width:920px;margin:0 auto;padding:0 2%}.jumbotron header{text-align:center;margin:20px 0 30px}.jumbotron header h1{color:var(--sub-text-color);font-size:2.24rem;font-size:clamp(2.4rem,5vw,2.8rem)}.intro{font-size:1.5rem;font-size:clamp(1.3rem,5vw,1.5rem);font-weight:700;border-bottom:3px solid var(--sub-text-color);padding-bottom:2%;margin-bottom:10%;text-align:justify}article .trash_heap{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-flow:row;@media only screen and (max-width:600px){grid-template-columns:repeat(2,minmax(2rem,1fr));grid-template-rows:repeat(8,120px);padding:0 20px}}p.description{position:relative;z-index:2}img.withText{width:150px;z-index:1}article .trash_heap p:empty{display:none}@keyframes shook{0%{transform:rotate(0)}to{transform:rotate(30deg)}}@keyframes zoom{50%{transform:scale(1.3)}}.vibration{animation:vibration 5s infinite ease-in-out}@keyframes vibration{50%{transform:skewY(.5deg) skew(-.5deg) scale(1.02)}}@media(prefers-reduced-motion){.shake,.vibration{animation:none}}.trash1{shape-outside:url(/longreads/images/afval/with_text/trash1.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(35deg);animation-delay:1s}.trash2{shape-outside:url(/longreads/images/afval/with_text/trash2.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(-35deg);animation-delay:.3s}.trash3{shape-outside:url(/longreads/images/afval/with_text/trash3.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(25deg);animation-delay:1.8s}.trash4{shape-outside:url(/longreads/images/afval/with_text/trash4.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(-5deg);animation-delay:.1s}.trash5{shape-outside:url(/longreads/images/afval/with_text/trash5.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(10deg);animation-delay:1.2s}.trash6{shape-outside:url(/longreads/images/afval/with_text/trash6.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(-5deg);animation-delay:1.5s}.trash7{shape-outside:url(/longreads/images/afval/with_text/trash7.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.9s!important;position:relative;display:inline-block}.trash8{shape-outside:url(/longreads/images/afval/with_text/trash8.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.6s}.trash9{shape-outside:url(/longreads/images/afval/with_text/trash9.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.8s}.trash10{shape-outside:url(/longreads/images/afval/with_text/trash10.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.1s}.trash11{shape-outside:url(/longreads/images/afval/with_text/trash11.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.3s}.trash12{shape-outside:url(/longreads/images/afval/with_text/trash12.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:2.1s}.trash13{shape-outside:url(/longreads/images/afval/with_text/trash7.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:2.5s}.trash14{shape-outside:url(/longreads/images/afval/with_text/trash14.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.7s}.trash15{shape-outside:url(/longreads/images/afval/with_text/trash15.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.8s}.trash16{shape-outside:url(/longreads/images/afval/with_text/trash16.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1s}.trash17{shape-outside:url(/longreads/images/afval/with_text/trash17.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:2s}.trash18{shape-outside:url(/longreads/images/afval/with_text/trash18.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.7s}.trash19{shape-outside:url(/longreads/images/afval/with_text/trash19.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.3s}.trash20{shape-outside:url(/longreads/images/afval/with_text/trash20.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:.6s}.trash21{shape-outside:url(/longreads/images/afval/with_text/trash21.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.6s}.trash22{shape-outside:url(/longreads/images/afval/with_text/trash22.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.1s}.trash23{shape-outside:url(/longreads/images/afval/with_text/trash23.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.1s}.trash24{shape-outside:url(/longreads/images/afval/with_text/trash24.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.1s}.trash25{shape-outside:url(/longreads/images/afval/with_text/trash25.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.1s}.trash26{shape-outside:url(/longreads/images/afval/with_text/trash26.png);shape-image-threshold:.2;shape-margin:15px;transform:rotate(30deg);animation-delay:1.1s}figure{display:inline-block;cursor:zoom-in;width:max-content;position:relative;margin:5%}figure img{position:relative}figure figcaption{display:none;position:absolute}figure:focus-visible figcaption,figure:hover figcaption{display:inline-block;z-index:2;left:50%;top:50px;background:var(--highlite-color);color:var(--main-text-color);width:250px;padding:15px;border:3px solid var(--main-text-color);border-radius:15px;@media only screen and (max-width:600px){margin:auto;inset:0;height:fit-content;width:calc(20vw + 20vh);overflow-y:auto}}figure:hover img{filter:saturate(4) drop-shadow(0 0 .75rem #0fa)}