@import url(https://fonts.googleapis.com/css2?family=BioRhyme&family=Open+Sans&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{font-family:BioRhyme,serif;height:100%}body{background-color:#fff;color:#333;font-size:1rem;line-height:1.6;text-align:center}footer,header{background-color:#026928;background-image:linear-gradient(90deg,#026928,#04c24a);color:#fff;height:7.5vh;padding:.5rem;width:100%}header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 20px}.header-auth-div{padding-top:15px}.header-auth-div span{font-size:1.3rem;margin-right:5px}footer{bottom:0;clear:both;margin-top:-(footer height)}main{margin:0 auto;min-height:92.5vh;padding:20px 10px 7.5vh}main .inputs-div{display:flex;flex-direction:row;justify-content:space-evenly;padding:1rem;width:100%}main .inputs-div form{width:25%}main .inputs-div .searches{width:75%}h1{font-family:impact;font-size:3rem;letter-spacing:5px}h3{margin:10px auto}.materials-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.materials-list h2{font-family:Arial;margin-top:50px}header a{color:#fff;text-decoration:none}.no-result{color:#026928;font-family:Arial;font-size:2rem;font-weight:bolder;margin:40px auto}@media screen and (max-width:320px){body{display:none}}@media screen and (max-width:767px){main{width:100%}main .inputs-div{flex-direction:column}main .inputs-div .searches,main .inputs-div form{width:100%}}@media screen and (max-width:500px){h1{font-size:1.5rem}header{justify-content:space-between;padding:10px auto}.header-auth-div span,header span{font-size:12px}footer{font-size:11px;padding-top:15px}}.error,.success{color:crimson;display:inline;font-family:Arial;font-size:1rem;font-weight:700;margin-left:16%;text-align:left}.success{color:#026928}#addFormStyle{margin-left:10%}@media screen and (max-width:767px){.error,.success{font-size:.6rem;margin-left:5%}#addFormStyle{margin-left:.5%}}.change-password{border-bottom:3px double #026928;font-family:Arial;padding:5px;width:100%}.change-password input{border:2px solid #026928;width:70%}.change-password h3{margin:0!important;margin-bottom:10px}.change-password button{background-color:#fff;border:2px solid #026928;border-radius:2em/4em;color:#026928;cursor:pointer;font-size:1rem;font-weight:700;margin:0 0 20px!important;outline:0;padding:10px;transition:all .2s ease-in;width:60%}.change-password button:hover{background-color:#026928;color:#fff}.change-password form button{margin:10px!important;width:30%}.change-password form button:first-child{border-radius:5px 20px 5px 5px}.change-password form button:last-child{border:2px solid crimson;border-radius:20px 5px 5px 5px;color:crimson}.change-password form button:last-child:hover{background:crimson;color:#fff}@media screen and (max-width:767px){.change-password form button{width:35%!important}}.user-modal{background-color:#fff;border-bottom:5px double #026928;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:5px double #026928;border-right:5px double #026928;display:flex;flex-direction:column;position:absolute;right:20px;text-align:center;top:7.5vh;width:30%;z-index:20}.user-modal-close{color:#ef4e6e;cursor:pointer;font-size:1.5rem!important;position:absolute;right:5px;transition:all .2s ease-in-out}.user-modal-close:hover{color:#960e29}.user-modal .logout-button{margin:20px auto;width:60%}.user-modal .user-info{border-bottom:3px double #026928;font-family:Arial;margin:20px auto;padding:5px;width:100%}.user-modal .user-info p{margin:10px auto}@media screen and (min-width:768px) and (max-width:1200px){.user-modal{width:50%}}@media screen and (max-width:767px){.user-modal{right:0;width:100%}}.intro{border-bottom:3px solid #026928;min-height:92.5vh;padding:2rem .1px}.intro h2{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#026928,#04c24a);-webkit-background-clip:text;background-clip:text;font-family:impact;font-size:3rem;letter-spacing:2px}.intro p{font-family:Arial;font-size:1.2rem;margin:20px auto;text-align:justify;width:80%}.intro-btn{background-color:#fff;border:2px solid #026928;border-radius:2em/4em;color:#026928;cursor:pointer;font-size:2rem;outline:none;padding:10px;transition:all .2s ease-in-out;width:20%}.intro-btn:hover{background-color:#026928;color:#fff}.img-holder{-webkit-animation:colorchange 5s linear infinite;animation:colorchange 5s linear infinite;background-color:#026928;box-shadow:-1px 1px 20px -5px #026928;height:337px;margin:2rem auto}@-webkit-keyframes colorchange{0%{background-color:#026928}50%{background-color:#04c24a}to{background-color:#026928}}@keyframes colorchange{0%{background-color:#026928}50%{background-color:#04c24a}to{background-color:#026928}}.img-holder img{-webkit-animation:borderchange 5s linear infinite;animation:borderchange 5s linear infinite;border:2px solid #026928;border-radius:1.5em/5em;height:100%}@-webkit-keyframes borderchange{0%{border-color:#026928}50%{border-color:#04c24a}to{border-color:#026928}}@keyframes borderchange{0%{border-color:#026928}50%{border-color:#04c24a}to{border-color:#026928}}.small{background-color:#fff;border-radius:1.5em/5em;display:none}@media screen and (max-width:1199px){.intro-btn{width:50%}}@media screen and (max-width:768px){.intro-btn{width:90%}.img-holder img{margin:0 auto;width:85%}.intro h2{font-size:2rem}}@media screen and (max-width:600px){.small{display:block}.normal{display:none}}form{margin:0 auto;padding:0!important;text-align:center!important}form h4{font-family:Arial!important;font-size:1.1rem!important;margin:10px 0 0}form input,form select{border:3px solid #026928;border-radius:5px;color:#000;font-size:1.1rem;margin:10px auto;outline:0;padding:5px;width:80%}#addMatBtn,form select{cursor:pointer}#addMatBtn{background-color:#fff;border:2px solid #026928;border-radius:2em/4em;color:#026928;font-size:1.2rem;font-weight:bolder;margin:10px auto!important;outline:0;padding:5px;width:60%}#addMatBtn:hover{background-color:#026928;color:#fff}@media screen and (max-width:1200px){form input,form select{width:100%}}.btn{background-color:#039b3b;border:1px solid #039b3b;border-radius:2em 1em 4em/.5em 3em;color:#fff;cursor:pointer;font-size:1.5rem;margin:5px;outline:none;padding:15px;transition:all .15s ease-in-out}.btn:hover{background-color:#026928;border:1px solid #026928}.delete{color:crimson;font-size:2rem;margin-left:10px}.auth,.delete{cursor:pointer}.auth{background-color:#039b3b;border:2px solid #fff;border-radius:2em/4em;color:#fff;font-size:1.3rem;height:45px;outline:none;padding:5px;transition:all .15s ease-in-out}.auth:hover{background-color:#026928}@media screen and (max-width:500px){.auth{font-size:1rem}}.input-div{margin-top:10px}.input{border:3px solid #026928;border-radius:2em/4em;height:40px;margin-bottom:20px;outline:none;padding:5px;width:55%}.erase{color:crimson;cursor:pointer;font-size:1.5rem;margin-left:10px}@media screen and (max-width:768px){.input{width:90%}}.delete-modal{height:100%;padding:15px;width:100%;z-index:10}.delete-modal div button{background:#fff;border:0;cursor:pointer;font-size:1rem;font-weight:bolder;margin:15px 5px 5px;outline:0;padding:10px;width:35%}.delete-modal div button:first-child{border:2px solid crimson;border-radius:5px 20px 5px 5px;color:crimson}.delete-modal div button:first-child:hover{background:crimson;color:#fff}.delete-modal div button:last-child{border:2px solid #026928;border-radius:20px 5px 5px 5px;color:#026928}.delete-modal div button:last-child:hover{background:#026928;color:#fff}.edit-modal{font-size:1rem;height:100%;padding:10px;width:100%;z-index:10}.edit-modal input{border:2px solid #039b3b;margin-top:10px;outline:0;padding:5px;width:100%}#cancel-edit,#edit{width:35%}#edit{border:2px solid #3396ff;border-radius:5px 20px 5px 5px;color:#3396ff}#edit:hover{background:#3396ff;color:#fff}#cancel-edit{border:2px solid crimson;border-radius:20px 5px 5px 5px;color:crimson}#cancel-edit:hover{background:crimson;color:#fff}.mat-item{border-radius:5px;font-size:1.2rem;margin:15px;padding:15px;transition:all .2s linear}.mat-item:hover{box-shadow:0 5px 15px rgba(0,0,0,.2)}.mat-item p{margin:10px auto}.mat-item button{background:#fff;border:0;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;margin:15px 5px 5px;outline:0;padding:10px;width:45%}.edit-button{border:2px solid #3396ff!important;color:#3396ff}.edit-button:hover{background:#3396ff;color:#fff}.delete-button{border:2px solid crimson!important;color:crimson}.delete-button:hover{background:crimson;color:#fff}@media only screen and (max-width:767px){.mat-item{width:90%}}@media only screen and (min-width:768px){.mat-item{width:40%}}@media only screen and (min-width:992px){.mat-item{width:25%}}@media only screen and (min-width:1200px){.mat-item{width:20%}}.loader-parent{min-height:85vh;width:100%}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px dashed #f3f3f3;border-radius:50%;border-top:10px solid #026928;height:100px;margin:250px auto;width:100px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}form{display:flex;flex-direction:column;font-size:2rem;padding:2rem}form h3{font-family:BioRhyme,serif;font-size:2.5rem;margin-top:10px}.auth-form .form-input{border:2px solid #82b8bb;border-radius:2em/4em;font-size:1.3rem;height:3rem;margin:15px auto;outline:none;padding:10px;width:70%}.auth-form button{font-size:1.5rem;margin:20px auto!important;width:70%}.reg{background-color:#82b8bb}.reg:hover{background-color:#69a8ac}.register-info{color:#026928;font-family:serif;font-size:15px;font-weight:700;margin-bottom:10px}@media screen and (max-width:767px){.form-input,form button{width:90%!important}.error{font-size:1rem}form h3{font-size:2rem;margin:0 auto!important}.auth-form button{margin:10px auto!important}}.reset-password{display:flex;flex-direction:column;font-family:Arial;text-align:center;width:100%}.reset-password h3{font-family:BioRhyme,serif;font-size:2.5rem;margin-bottom:25px}.reset-password input{border:2px solid #82b8bb;border-radius:5px;font-size:1.3rem;margin:20px auto;outline:none;padding:10px;width:70%}.reset-password p{margin:0 auto;text-align:left;width:75%}.reset-password div button{background:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;margin:20px 5px;outline:0;padding:10px;transition:all .2s ease-out;width:35%}.send-email{border:2px solid #82b8bb;border-radius:5px 20px 5px 5px;color:#82b8bb}.send-email:hover{background:#82b8bb;color:#fff}.cancel-send{border:2px solid crimson;border-radius:20px 5px 5px 5px;color:crimson}.cancel-send:hover{background:crimson;color:#fff}@media screen and (max-width:767px){.reset-password h3{font-size:2rem;margin:0}}#modal-holder{align-items:center;background-color:#ecf6eb;background-image:url(/static/media/recycling-small.d04f26e7f75376ae53c2.jpg);background-position:50%;background-repeat:no-repeat;background-size:60% 60%;display:flex;height:85vh;width:100%;z-index:100}.modal{background:#fff;border-radius:2em 1em 4em/.5em 3em;bottom:15%;flex-direction:column;height:70%;left:35%;margin:0 auto;opacity:.9;position:absolute;width:30%}.forms-holder,.modal{display:flex;text-align:center}.forms-holder{flex-direction:row}.switch{background-color:#fff;border:2px solid #026928;border-radius:4em 8em;color:#026928;cursor:pointer;font-size:1.2rem;font-weight:700;margin:35px auto;outline:0;padding:15px;transition:all .2s ease-in-out;width:65%}.switch:hover{background-color:#026928;color:#fff}.modal .login-change-div{display:flex;flex-direction:column;margin:0 auto;width:95%}.login-change-div form{width:100%!important}.modal form{width:95%}.modal span{position:absolute;right:10px;top:2.5px}.forgot-password{color:#026928;cursor:pointer;font-size:1.1rem;margin:15px auto;padding:10px;text-align:left;width:70%}@media screen and (min-width:768px) and (max-width:1200px){#modal-holder{background-size:150% 90%}.modal{left:10%;width:80%}}@media screen and (max-width:767px){#modal-holder{background-size:200% 80%;padding:0}.modal{border:none;flex-direction:column;height:85vh;left:.01%;top:7.5%}.modal,.modal .login-change-div{width:100%}.modal form{padding:0;width:100%}.forgot-password{margin:0 auto;width:90%}.switch{width:70%}}@media screen and (max-width:550px){#modal-holder{background-size:300% 75%}}#to-top-btn{background-color:#04c24a;border:2px solid #04c24a;border-top-left-radius:7px;border-top-right-radius:7px;bottom:7.5%;color:#fff;cursor:pointer;font-size:40px;height:60px;position:fixed;right:25px;transition:all .2s ease-in-out;width:60px;z-index:10}#to-top-btn:hover{background-color:#026928;border:2px solid #026928}@media screen and (max-width:417px){#to-top-btn{bottom:9%}}
/*# sourceMappingURL=main.a77301dd.css.map*/