@import url(https://fonts.googleapis.com/css2?family=Caveat&family=Dancing+Script&family=Montserrat&display=swap);:root{--blue-color:#0f9aeb;--green-color:#0a8a4a;--white-color:#fff;--white-alpha-color:hsla(0,0%,100%,.3);--green-alpha-color:#0a8a4a41;--blue-alpha-color:#0f9aeb41}*{margin:0;padding:0}body{background-color:#0a8a4a41;background-color:var(--green-alpha-color);background-image:url(/static/media/earth.c108538c9ecc0721890d.gif);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:15px;min-height:100vh}h3{font-size:40px;font-weight:700;letter-spacing:3px;padding:1%;text-shadow:3px 3px 10px #fff;text-shadow:3px 3px 10px var(--white-color)}h3,header{color:#fff;color:var(--white-color);font-family:Caveat,cursive;text-align:center}header{height:15vh}header h1{font-size:110px;letter-spacing:7px;text-shadow:0 0 30px #0f9aeb;text-shadow:0 0 30px var(--blue-color);text-transform:uppercase}header h1 a{color:inherit;text-decoration:none}.welcomePage{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:60vh}.topBox{display:flex;text-align:center;width:100vw}.topBox .leftBox,.topBox .rightBox{width:50vw}.bottomBox{display:flex;justify-content:center;width:100vw}.bottomBox h2{color:#fff;color:var(--white-color);font-family:Caveat,cursive;font-size:30px;font-weight:700;letter-spacing:3px;opacity:0;padding:1%;text-align:center;text-shadow:3px 3px 2px #000;transition:opacity 3s ease-in-out}.bottomBox h2:first-child{transition-delay:0s}.bottomBox h2:nth-child(2){transition-delay:.5s}.bottomBox h2:nth-child(3){transition-delay:1s}.bottomBox h2:nth-child(4){transition-delay:1.5s}.bottomBox h2:nth-child(5){transition-delay:2s}.bottomBox h2:nth-child(6){transition-delay:2.5s}.bottomBox.show h2{opacity:1}.middleBox{text-align:center;width:100vw}.btn-welcome{background-color:#0a8a4a;background-color:var(--green-color);border:2px solid #fff;border:2px solid var(--white-color);border-radius:50%;box-shadow:0 0 50px #fff;box-shadow:0 0 50px var(--white-color);color:#fff;color:var(--white-color);font-family:Caveat,cursive;font-size:30px;font-weight:700;padding:12px 25px;text-decoration:none}.btn-welcome:hover{background-color:#fff;background-color:var(--white-color);border:2px solid #0a8a4a;border:2px solid var(--green-color);box-shadow:0 0 50px #0a8a4a;box-shadow:0 0 50px var(--green-color);color:#0a8a4a;color:var(--green-color)}.etpBox{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:center;width:100vw}.etpHistoryBox,.irrigationBox{align-items:center;background-color:#0f9aeb41;background-color:var(--blue-alpha-color);border-radius:10%;display:flex;flex-direction:column;height:75vh;justify-content:flex-start;margin:2%;width:50vw}.selectBox{border:1px solid #fff;border:1px solid var(--white-color);border-radius:10px;box-shadow:2px 2px 4px hsla(0,0%,100%,.3);box-shadow:2px 2px 4px var(--white-alpha-color);margin-top:1%;max-width:350px;padding:2%;width:70%}.selectBox legend{color:#fff;color:var(--white-color);font-weight:700}.selectBox select{background-color:#0f9aeb41;background-color:var(--blue-alpha-color);border:1px solid #fff;border:1px solid var(--white-color);border-radius:5px;color:#fff;color:var(--white-color);font-size:1.1em;margin-top:1%;padding:5px;width:100%}.selectBox option{background-color:hsla(0,0%,100%,.3);background-color:var(--white-alpha-color);color:#0f9aeb;color:var(--blue-color);padding:2%}.selectBox span,p{color:#fff;color:var(--white-color);padding:2%}.selectBox input{background-color:hsla(0,0%,100%,.3);background-color:var(--white-alpha-color);border-color:#fff;border-color:var(--white-color);color:#0f9aeb;color:var(--blue-color);padding:1%}.etpHistoryGraphBox{width:40vw}footer{bottom:0;height:0;position:relative;width:100vw}.footer-container p{bottom:0;color:#fff;color:var(--white-color);font-size:12px;font-weight:400;margin:0 1vw;position:fixed;right:0;text-align:right}@media screen and (max-width:1100px){.etpBox{flex-direction:column}}@media screen and (max-width:800px){header h1{font-size:80px;letter-spacing:6px}.etpHistoryBox,.irrigationBox{width:90vw}.etpHistoryGraphBox{width:80vw}}@media screen and (max-width:600px){header h1{font-size:60px;letter-spacing:0}.bottomBox h2{font-size:20px}.etpHistoryBox,.irrigationBox{margin-left:0;margin-right:0;width:95vw}}
/*# sourceMappingURL=main.34f7ae58.css.map*/