.App{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;max-width:840px;text-align:center;margin:auto;padding:5em 0}.App>*{margin:2em 0}.Introduction .capacity-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.Introduction .capacity-container .slider-container{position:relative;width:80%}.Introduction .capacity-container .slider-container input{width:100%}.Introduction .capacity-container .slider-container .tick-labels{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:2em}.Introduction .capacity-container .slider-container .tick-labels p{-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.Introduction .capacity-container .slider-container .tick-labels p:first-child{position:absolute;left:20%}.Introduction .capacity-container .slider-container .tick-labels p:nth-child(2){position:absolute;left:60%}.Introduction .capacity-container .slider-container .tick-labels p:nth-child(3){position:absolute;left:100%}.Introduction .capacity-container .label-container{width:80%;height:6em}.FarmsCountStackedAreaChart{position:relative}.QuizPage{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;background-color:#dadad2;padding:3em 3em 5em;margin:10em 0 6em;-webkit-align-self:center;align-self:center;min-width:840px}.QuizPage p{max-width:600px}.QuizPage .quizButton{width:50%;height:8em;-webkit-transform:translateY(8em);transform:translateY(8em)}.QuizPage .toggle-container{min-height:100px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.QuizPage .toggle-container button{height:46px}.QuizPage .toggle-container p{margin:0}.QuizPage .toggle-container .show{display:-webkit-flex;display:flex;-webkit-transition:.4s ease-in;transition:.4s ease-in}.QuizPage .toggle-container .hide{display:none;-webkit-transition:.2s ease-out;transition:.2s ease-out}.QuizPage .fade-in{-webkit-animation:fade-in 6s ease-in;animation:fade-in 6s ease-in}@-webkit-keyframes fade-in{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}80%{opacity:0}to{opacity:1}}.DraggableBarChart{padding:2em 0 1em}.DraggableBarChart svg{background-color:#fff;margin-bottom:2em}.DraggableBarChart .handle--s,.DraggableBarChart .overlay,.DraggableBarChart .selection{cursor:unset}.DraggableBarChart .handle-bar,.DraggableBarChart text{pointer-events:none;font-size:16px}.DraggableBarChart .handle--n{cursor:-webkit-grab;cursor:grab;-webkit-transform:translateY(-15px);transform:translateY(-15px)}.DraggableBarChart .bar .on-hover-only{opacity:0}.DraggableBarChart .bar:hover .on-hover-only{opacity:1}.DraggableBarChart .showAnswer *{pointer-events:none}.FarmsCountBarChart .chartContainer{position:relative}.FarmsCountBarChart .chartContainer .inline-label{position:absolute;right:120px;top:50px;text-transform:unset}.FarmsCountBarChart .sliderContainer{padding-top:2em;margin:auto;width:85%}.FarmsCountBarChart .sliderContainer .slider{width:100%}.FarmsCountBarChart .sliderContainer ul{width:100%;padding:0 30px 0 5px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;list-style:none}.FarmsCountBarChart .sliderContainer ul li{text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Footer{width:90%}.Footer .icon.cow{-webkit-animation:move 14s linear infinite;animation:move 14s linear infinite}.Footer .icon.cow g{-webkit-animation:walk 1s linear infinite;animation:walk 1s linear infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes walk{0%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}20%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}30%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}80%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}}@keyframes walk{0%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}20%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}30%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}80%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}}@-webkit-keyframes move{0%{-webkit-transform:translateX(-4em) scaleX(1);transform:translateX(-4em) scaleX(1)}45%{-webkit-transform:translateX(3em) scaleX(1);transform:translateX(3em) scaleX(1)}50%{-webkit-transform:translateX(4em) scaleX(-1);transform:translateX(4em) scaleX(-1)}95%{-webkit-transform:translateX(-3em) scaleX(-1);transform:translateX(-3em) scaleX(-1)}to{-webkit-transform:translateX(-4em) scaleX(1);transform:translateX(-4em) scaleX(1)}}@keyframes move{0%{-webkit-transform:translateX(-4em) scaleX(1);transform:translateX(-4em) scaleX(1)}45%{-webkit-transform:translateX(3em) scaleX(1);transform:translateX(3em) scaleX(1)}50%{-webkit-transform:translateX(4em) scaleX(-1);transform:translateX(4em) scaleX(-1)}95%{-webkit-transform:translateX(-3em) scaleX(-1);transform:translateX(-3em) scaleX(-1)}to{-webkit-transform:translateX(-4em) scaleX(1);transform:translateX(-4em) scaleX(1)}}.AnimatedRelations{padding:1em 0 2em}.Header .screen-size-warn-container{visibility:hidden}@media screen and (max-device-width:600px){.Header .screen-size-warn-container{width:80%;height:30vh;display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;margin:auto auto 7em;visibility:visible;padding:2em;border:4px dashed #f28b02}.Header .screen-size-warn-container p{font-size:5vw;-webkit-align-self:center;align-self:center;margin:unset}}.GrowPossibilities .relations-container .cow img{padding:.2em;margin:.5em;height:50px}.GrowPossibilities .relations-container .wheat img{margin:.5em .3em;height:50px}.GrowPossibilities .relations-container .cow,.GrowPossibilities .relations-container .wheat{margin:.5em 0 1em}body{margin:0;padding:0;font-family:Avenir,Helvetica Neue,Helvetica,sans-serif}body h1{font-size:3em;font-weight:700;margin:1em 0}body h2{font-size:2em;margin:2em 0 1em}body h3{font-size:1em;font-weight:700;text-transform:uppercase;margin:.4em 0}body p{max-width:700px;margin:auto auto 1em}body .horizontal-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin:1em auto}body .horizontal-container>*{width:33%}body .horizontal-container.larger>*{width:40%}body .horizontal-container p{margin-bottom:.5em}body .horizontal-container.top{width:85%;-webkit-align-items:baseline;align-items:baseline}body .horizontal-container.bottom{width:85%}body .horizontal-container.centered{-webkit-align-items:center;align-items:center}body .color-0-1{color:#c2eedc}body .color1-3{color:#7fd1af}body .color3-5,body .color-small{color:#1cb373}body .color5-10{color:#168c5a}body .color10-20{color:#6bf}body .color20-30,body .color-medium{color:#1e8cd3}body .color30-50{color:#ebb0dd}body .color50-plus,body .color-large{color:#d674c0}body input[type=range]::-webkit-slider-runnable-track{height:4px;background:#dadad2}body input[type=range]:focus::-webkit-slider-runnable-track{background:#dadad2}body input[type=range]::-moz-range-track{height:4px;background:#dadad2}body input[type=range]::-webkit-slider-thumb{height:18px;width:18px;background:#dadad2;margin-top:-6px}body input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#fff}body svg text{font-family:Avenir,Helvetica Neue,Helvetica,sans-serif;font-size:13px}body svg text.header{font-weight:700;font-size:18px;fill:currentColor}body svg text.header-small{font-size:10px;text-transform:uppercase;font-weight:bolder}body svg text .legend text{font-size:14px}
/*# sourceMappingURL=main.85abc238.chunk.css.map */