@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);
:root{--green01: rgb(255, 119, 205);--green01: springgreen;--highlight: rgb(255, 174, 225);--grey01: #d5d5d5;--grey02: #fafafa;--boxshadow: 0px 2px 73px 6px rgba(0, 0, 0, 0.025);--radius: 20px;--transition: all 0.25s ease-in-out;--transparentColor: rgb(242, 242, 242);--paddingGlobal: 0.7rem}*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden;height:100%;width:100%;touch-action:manipulation}img{z-index:10;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;position:absolute;opacity:0;visibility:hidden;transform:translate3d(0, 0, 0);pointer-events:none}::-moz-selection{background:var(--green01)}::selection{background:var(--green01)}::-moz-selection{background:var(--green01)}.grey{color:var(--grey01)}.green{color:var(--green01)}.link{text-decoration:none;color:var(--green01)}.link:hover{opacity:.5}input{border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);padding-left:10px;padding-right:10px;display:block;cursor:grab;display:none}input[type=range]{-webkit-appearance:none;position:absolute;left:2%;bottom:2%;z-index:51;width:50vh;transition-duration:.5s;background:rgba(0,0,0,0);transform:rotate(270deg);transform-origin:left}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--grey01);border:none}input[type=range]::-moz-range-track{height:1px;background:var(--grey01);border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:10px;width:10px;background:var(--green01);margin-top:-5px;border-radius:50%}input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;height:10px;width:10px;background:var(--green01);margin-top:-5px;border-radius:50%}input[type=range]:focus{outline:none}input[type=range]:-moz-focusring{outline:none;background:rgba(0,0,0,0)}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--grey01)}input[type=range]:focus::-moz-range-track{background:var(--grey01)}#monochrom{position:fixed;top:0;right:0;padding:var(--paddingGlobal);cursor:pointer;z-index:1000;transition:all .25s ease-in-out}.text-mono:before,.text-color:before{transition-duration:1s}#rangeValue{position:fixed;font-size:1.5rem;z-index:1000;padding:var(--paddingGlobal);left:0;top:0;transition-duration:.5s;color:var(--transparentColor)}#rangeValue.green{color:var(--green01)}.grey-slider{accent-color:var(--grey01)}.green-slider{accent-color:var(--green01)}#info{top:2%;left:2%;position:fixed;z-index:50}#info div{text-decoration:none;margin:0;padding-left:10px;padding-right:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);font-size:2vw;color:var(--grey01);display:inline-block;transition-duration:1s}.small{position:absolute;top:5%;left:2%;font-size:2vw;color:var(--green01);z-index:10}#close{position:absolute;z-index:100;bottom:2%;right:2%;font-size:2vw;color:var(--grey01);transition-duration:.5s;padding-left:15px;padding-right:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);cursor:pointer}#close:hover{-webkit-filter:blur(3px);filter:blur(3px);-webkit-animation:fadeIn 1s infinite alternate;animation:fadeIn 1s infinite alternate}#info{top:2%;left:2%;position:fixed;z-index:50}#info div{text-decoration:none;margin:0;padding-left:10px;padding-right:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);font-size:2vw;color:var(--grey01);display:inline-block;transition-duration:1s}#large{font-size:5vw}.loader{position:fixed;z-index:1001;top:0;left:0;width:100%;height:100%;background:var(--green01);display:flex;justify-content:center;align-items:center;pointer-events:none}.loader.hidden{-webkit-animation:fadeOut 1s;animation:fadeOut 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#textloader{position:fixed;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--grey01);font-size:2vw}#textloader div{text-decoration:none;margin:0;padding-left:10px;padding-right:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);font-size:2vw;color:var(--grey01);display:inline-block;transition-duration:1s}@-webkit-keyframes fadeOut{100%{-webkit-filter:blur(5px);filter:blur(5px);transform:scale(5);opacity:0;visibility:hidden}}@keyframes fadeOut{100%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;visibility:hidden;transform:scale(5)}}.numbers{position:relative;font-size:20px;z-index:1;color:#fffdfd;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(6, 1fr);height:100vh;width:100vw;align-items:stretch;justify-items:stretch;opacity:1;transition-duration:.5s;font-family:"Arial",sans-serif;cursor:crosshair}@media screen and (max-width: 768px){.numbers{grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(9, 1fr)}}.numbers div{display:none;opacity:0;border:.5px solid rgba(0,0,0,0);justify-content:center;align-items:center;width:100%;height:100%;background-color:#f6f6f6}.numbers div:hover{color:var(--green01);border:.5px solid var(--green01);z-index:11}.numbers-gray{-webkit-filter:grayscale(100) brightness(1);filter:grayscale(100) brightness(1)}#refresh{position:absolute;bottom:0%;right:0%;font-size:5vw;z-index:10;color:var(--green01);margin-right:10px;transition-duration:.5s;text-decoration:underline;font-style:oblique}#refresh a:hover{-webkit-animation:fadeIn 1s infinite alternate;animation:fadeIn 1s infinite alternate}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#pictures{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@supports(mix-blend-mode: luminosity){.luminosity{mix-blend-mode:luminosity}}.difference{mix-blend-mode:difference}#footer{z-index:1000;bottom:0%;position:fixed;padding:var(--paddingGlobal)}#footer p{font-size:.8rem;color:var(--transparentColor)}@media screen and (max-width: 768px){#footer p{font-size:12px;text-align:right}}#index_info{z-index:1000;bottom:2%;right:2%;position:fixed;margin:0;padding:10px;border-radius:var(--radius);font-size:1.2vw;max-width:50vw;text-align:right;display:none;color:var(--grey01)}#infoButton{position:fixed;bottom:2%;right:1%;z-index:50;font-size:1.5vw;color:var(--grey01);transition-duration:.5s;border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);padding-left:10px;padding-right:10px;display:none}#infoButton:hover{-webkit-animation:fadeIn 1s infinite alternate;animation:fadeIn 1s infinite alternate;text-decoration:none;cursor:pointer}.recycling_info{z-index:1000;position:fixed;margin:0;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:3%;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);font-size:1vw;color:var(--grey01);width:35vw}.text_top{top:3%;left:2%;text-align:left}.text_bottom{bottom:3%;right:2%;text-align:right}#form_upload{position:fixed;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:999;transition:var(--transition)}#form_upload p{color:#dcdcdc;margin-top:20px;font-size:1vw}@media screen and (max-width: 768px){#form_upload p{display:none}}input[type=file]{padding:10px 20px;background-color:#ccc;color:#fff;border-radius:5px;cursor:pointer;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}#button_upload{display:none;font-size:1.5vw;color:var(--green01);background-color:rgba(0,0,0,0);padding-left:15px;padding-right:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);cursor:pointer;transition:var(--transition)}#button_upload:hover{opacity:.7;transition:var(--transition)}label[for=file-input]{font-size:1.5vw;color:var(--green01);background-color:rgba(0,0,0,0);padding-left:15px;padding-right:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);cursor:pointer}label[for=file-input]:hover{opacity:.5}.form-group{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}input[type=file]{display:none}button[type=submit]{padding:10px 20px;background-color:#4caf50;color:#fff;border-radius:5px;cursor:pointer}@media screen and (max-width: 768px){.numbers{font-size:15px;color:#f7f7f7}#photography{font-size:5vw}#refresh{font-size:8vw;margin-right:10px}#rangeValue{font-size:10vw}.numbers>div{line-height:60px;transition-duration:.5s}#textloader{font-size:4.5vw}#monochrom{font-size:3.5vw}#large{font-size:8vw}.small{font-size:3.5vw}#info div{font-size:4.5vw}#close{font-size:10vw}#index_info{font-size:2.5vw;max-width:85vw}input[type=range]{-webkit-appearance:none;position:absolute;left:4%}input[type=range]::-webkit-slider-thumb{height:10px;width:10px;margin-top:-3px}input[type=range]::-moz-range-thumb{height:10px;width:10px;margin-top:-3px}label[for=file-input]{font-size:4vw}.recycling_info{font-size:3vw;width:75vw}}@media screen and (min-width: 751px){.numbers>div{transition-duration:.5s}}.highlight{background-color:#6495ed;color:aqua}

/*# sourceMappingURL=index-cffd42e9cadd27a5a2e5.css.map*/