@import url(https://fonts.googleapis.com/css2?family=Athiti:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair:ital@0;1&family=Poppins:wght@200;400;600&family=Tenor+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{font-size:100%;width:100%}.App-logo{height:40vmin;pointer-events:none}.App-header{min-height:100vh;position:static}.web-logo{background-color:#fff;border-radius:30%;box-shadow:2px 2px 8px rgba(0,0,0,.1);height:auto;left:20px;padding:10px;position:fixed;top:10px;width:40px}*{font-family:Athiti,sans-serif}.head-logo{color:#000;font-size:130%;left:90px;position:fixed;top:5px}.nav-container{background-color:hsla(89,19%,64%,.9);box-shadow:2px 2px 8px rgba(0,0,0,.1);color:#282c34;height:50px;position:fixed;top:0;width:100%}.search-container{position:absolute;right:0;top:20px}.nav-container a{font-size:130%;left:25%;margin:10px;position:relative;text-decoration:none;top:15px}.nav-container a:hover{background-color:#fff;border-radius:10px;color:#a3b491;font-weight:600;padding:4px 40px 5px;text-shadow:2px 2px 8px rgba(0,0,0,.1);top:20px;transition:.3s ease-in-out}.nav-link{color:#fff;font-weight:500;padding:10px 30px}.active{background-color:#fff;border-bottom-color:transparent;border-top-left-radius:10px;border-top-right-radius:10px;color:#282c34;font-weight:600;left:500px;padding:4px 40px 2px;position:absolute;text-shadow:2px 2px 8px rgba(0,0,0,.1)}.about-container{position:relative;scroll-behavior:smooth;text-align:center;top:50px}.about-container h1{margin-bottom:10px;text-align:center}.about-container h2{left:50px;margin-bottom:10px;position:relative;text-align:left}.about-container h1:last-child{margin-bottom:50px}.about-container h3{margin-bottom:50px;margin-right:10px}.about-container,.about-container h3{font-weight:500;padding:0 100px;text-align:left}.about-container{font-size:18px;list-style-type:none;margin-bottom:10px}.img-aboutPlant{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:250px;left:15px;margin-right:20px;position:relative;width:auto}.img-aboutPlant:hover{border-bottom-left-radius:30px;border-bottom-right-radius:30px;box-shadow:2px 2px 8px rgba(0,0,0,.2);-webkit-filter:grayscale(0);filter:grayscale(0);transition:.2s}.about-bg{background-color:rgba(255,188,169,.5);height:220px;position:fixed;width:100%}.how-to-about-wrap{display:flex;flex-direction:row}.how-to-about{align-items:center;display:flex;flex-direction:column;margin:10px}.how-to-about li{font-weight:500;list-style:none;padding:10px;position:relative}.how-to-about img{border-radius:10%;box-shadow:2px 2px 8px rgba(0,0,0,.2);-webkit-filter:grayscale(90%);filter:grayscale(90%);height:250px;margin:5px;position:relative;width:400px}.how-to-about img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);height:230px;transition:.2s;width:370px}*{margin:0;scroll-behavior:smooth}.home-container{line-height:40px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;position:relative;text-align:center;top:110px}.home-container h1{font-size:36px;font-weight:400px}.home-bg{border-bottom-left-radius:50px;height:25px;left:90px;top:50px}.home-bg,.home-bg-2{background-color:rgba(255,188,169,.5);position:fixed;width:100%}.home-bg-2{height:120px;top:350px}.img-container{align-items:center;display:flex;flex-direction:row;gap:20px;left:150px;position:absolute;text-align:center;top:220px}.img-plant{border-radius:10px;box-shadow:2px 2px 8px 0 rgba(0,0,0,.25);height:auto;width:250px}.img-plant:hover{-webkit-filter:brightness(60%);filter:brightness(60%);transition:opacity .2ms}.gallery{border-radius:10px;color:transparent;height:374.53px;position:relative;width:250px}.gallery:hover{color:#fff}.desc{cursor:pointer;font-size:20px;font-weight:700;height:auto;position:absolute;text-align:center;top:150px;width:250px}.desc:hover{background-color:rgba(0,0,0,.6);padding:20px 0;transition:padding .5s}.content-container p{font-size:1.8rem;font-weight:700;left:50px;line-height:30px;position:absolute;top:670px}.content-container h3{color:#787878;font-size:18px;font-weight:600;left:50px;position:absolute;top:700px}.content-container a{color:#787878;font-size:1.8rem;font-size:1.2rem;font-weight:700;left:1200px;line-height:30px;position:absolute;text-decoration:none;top:700px}.content-container a:hover{color:#a3b491;text-decoration:underline}.img-famous-container{display:flex;flex-direction:row;gap:25px;left:50px;padding-bottom:50px;position:absolute;top:750px}.imgFamous-plant{border-radius:10px;box-shadow:2px 2px 8px rgba(0,0,0,.2);height:250.06px;width:200px}.imgFamous-plant:hover{-webkit-filter:brightness(50%);filter:brightness(50%);transition:opacity .2ms}.hot-plant{border-radius:10px;color:transparent;height:250.06px;position:relative;width:200px}.hot-plant:hover{color:#fff}.famous-desc{border-bottom-left-radius:10px;border-bottom-right-radius:10px;cursor:pointer;font-size:18px;font-weight:700;position:absolute;text-align:center;top:202px;width:200px}.famous-desc:hover{background-color:rgba(0,0,0,.7);color:#fff;padding:10px 0;transition:padding .5s}.plantalog-bg{background-color:rgba(255,188,169,.5);border-bottom-left-radius:50px;height:25px;left:90px;position:fixed;top:50px;width:100%}.search-top{width:100%}.head-plantalog{left:600px;position:fixed;top:85px}.search{display:flex;left:400px;position:fixed;top:130px}.search input{border:2px solid #fff;border-bottom-right-radius:10px;border-top-right-radius:10px;box-shadow:2px 1px 8px rgba(0,0,0,.1);font-size:18px;padding:3px 180px;text-align:center}input:focus{border-color:#a3b491;border-width:2px;color:#000;outline:none;transition:.1s ease-in-out}#search-icon{background-color:#000;border-bottom-left-radius:10px;border-color:#000;border-style:outset;border-top-left-radius:10px;color:#a3b491;left:0;padding:10px;position:relative}.search-result-container{box-shadow:0 0 2px rgba(0,0,0,.2);max-height:70px;overflow-y:scroll;position:relative;text-align:left}.search-result{background-color:hsla(0,0%,100%,.501);border:.2px solid rgba(0,0,0,.1);display:flexbox;max-height:50%;padding:5px 20px}.search-result:hover{background-color:hsla(89,19%,64%,.7);cursor:pointer;font-weight:600}.card-border{background-color:hsla(89,19%,64%,.4);border:4px double #6e6e6e;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:440px;left:480px;position:fixed;top:250px;width:450px}.card-border h3{color:#7f7f7f;margin-top:200px;text-align:center}.plant-cards{background-color:rgba(255,216,205,.8);border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:2px 1px 4px rgba(0,0,0,.2);display:none;display:flexbox;flex-direction:row;height:440px;left:482px;margin-bottom:20px;margin-top:5px;position:fixed}.plant-cards-container{display:flex;flex-direction:row;position:absolute;top:247px}ul{-webkit-padding-start:0;padding-inline-start:0}.plant-cards h2{background-color:hsla(89,19%,64%,.8);box-shadow:2px 1px 3px rgba(0,0,0,.2);position:relative;text-align:center;width:450px}.plant-card-image{border-radius:20px;box-shadow:2px 1px 8px rgba(0,0,0,.2);height:300px;left:50px;position:relative;top:10px;width:340px}.plant-cards h3{font-size:18px;font-weight:200;line-height:15px;margin-bottom:10px;padding-left:20px;position:relative;top:15px}.plant-cards:hover{border-style:solid hsla(89,19%,64%,.7);border-width:2px}.wrapper{align-items:center;display:flex;justify-content:center}.plantalog-bg-container img{-webkit-filter:opacity(30%);filter:opacity(30%);position:fixed;width:100%}.design-container{position:relative;scroll-behavior:smooth;top:100px}.design-container img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:opacity(30%);filter:opacity(30%);position:absolute}.design-container h2{position:relative;right:28%;text-align:right}.graphic-plant{-webkit-filter:opacity(.3);filter:opacity(.3);height:100%;position:absolute;width:100%}.design-bg{background-color:rgba(255,188,169,.5);border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:80px;position:fixed;width:100%}.design-content{left:20px;position:absolute;text-align:left;top:150px}.suggest-site{align-items:center;line-height:30px;position:relative}.suggest-site-list{margin-left:30px;position:absolute;text-align:center}.suggest-site-list h2{background-color:hsla(89,19%,64%,.5);box-shadow:0 1px 8px 0 rgba(0,0,0,.1);color:#000;padding:5px}.site-1,.suggest-site-list h2{border-radius:10px;position:relative}.site-1{border-color:rgba(0,0,0,.5);border-style:dotted;line-height:25px;padding:10px 30px;top:20px;width:250px}.site-1:hover{background-color:rgba(255,188,169,.3)}.site-1 img{border-radius:50%;box-shadow:0 1px 8px 0 rgba(0,0,0,.3);height:auto;margin:10px;position:relative;width:200px}.site-1 a{color:#000;font-size:20px;font-weight:600;position:relative;text-decoration:none}.site-1 a:hover{border-radius:10px;padding:5px;text-decoration:underline}.site-1 h4{font-weight:500;position:relative;text-align:left}.img-slide{left:28%;position:absolute}.img-slide h2{position:relative;top:140px}.img-slide img{box-shadow:0 1px 8px 0 rgba(0,0,0,.2);height:600px;position:relative;top:10px;width:1000px}.img-slide-container{left:35%;position:absolute;top:28%}.planter-container{left:1080px;padding:10px;position:absolute;text-align:center;top:820px;width:20%}.planter-container li{border:1px;border-radius:10px;border-style:dashed;list-style:none;margin-bottom:15px;padding:5px}.planter-container li:hover{background-color:rgba(255,188,169,.3);border-style:solid;padding:10px;transition:.2s}.planter-container h3{margin-bottom:10px}.planter-container a{color:#000;text-decoration:none}.planter-container a:hover{font-weight:500;transition-duration:2s ease-in}.indoor-container h2,.indoor-container h4{line-height:25px;position:relative;text-align:center;top:740px}.indoor-slide-container img{box-shadow:0 1px 8px 0 rgba(0,0,0,.2);position:relative;top:590px;width:570px}.slider{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.image{border-radius:10px}.right-arrow{left:930px}.left-arrow,.right-arrow{color:hsla(0,0%,100%,.8);cursor:pointer;font-size:2.5rem;position:absolute;top:50%;-webkit-user-select:none;user-select:none;z-index:10}.left-arrow{left:30px}.slide{opacity:0;transition-duration:2s ease-in}.slide.open{opacity:1;scale:.98;transition-duration:2s}.indoor-slider{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.indoor-image{border-radius:10px}.right-arrow-2{color:#000;left:1000px}.left-arrow-2,.right-arrow-2{cursor:pointer;font-size:2rem;position:absolute;top:120%;-webkit-user-select:none;user-select:none;z-index:10}.left-arrow-2{left:390px}.indoor-slide{opacity:0;transition-duration:2s ease-in}.indoor-slide.open{opacity:1;scale:.98;transition-duration:2s}.blogs-container{align-items:right;display:flex;height:100vh;justify-content:right}.top-blogs{background-color:hsla(88,29%,88%,.9);border-radius:20px;box-shadow:2px 2px 8px rgba(0,0,0,.2);height:900px;position:absolute;right:20px;top:100px;width:400px}.top-blogs h1{font-size:25px;margin:15px;text-align:center}.pop-1,.pop-2,.pop-3,.pop-4,.pop-5{align-items:center;background-color:#fff;border-radius:10px;box-shadow:2px 2px 8px rgba(0,0,0,.2);height:120px;left:15px;margin-bottom:20px;padding:10px;position:relative;width:350px}.pop-li{font-size:20px;font-weight:700;list-style:none;margin-left:20px}.pop-desc{font-size:16px;font-weight:300;margin-bottom:20px;margin-left:10px;padding-left:20px}.pop-button{-webkit-appearance:none;appearance:none;background-color:#f6f6f6;border:1px solid #787878;border-radius:10px;color:#929292;cursor:pointer;font-size:14px;margin-bottom:1px;margin-left:50px;padding:3px 40px;position:static;text-decoration:none}.pop-button:hover{background-color:#ffa9a9;color:#000;font-weight:700;transition:.2s ease-out}.img-fav{border-radius:50%;border-style:dotted;border-width:2px;height:auto;left:270px;opacity:100%;padding:10px;position:absolute;top:35px;width:60px}.head-board{background-color:hsla(88,29%,88%,.9);border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.3);left:30px;padding:2px 20px;position:absolute;text-align:center;top:-30px}.head-board h1{font-size:26px}.board-container{left:80px;position:absolute;top:125px}.card-container{background-color:initial;background-color:hsla(0,0%,100%,.5);border:2px dotted rgba(0,0,0,.3);border-radius:20px;height:1000px;position:absolute;width:900px}.card-user{display:flexbox;margin:40px;position:absolute}.card-user01,.card-user02,.card-user03,.card-user04,.card-user05{background-color:hsla(0,100%,83%,.5);border-color:rgba(0,0,0,.5);border-radius:50%;border-style:dotted;box-shadow:2px 2px 8px rgba(0,0,0,.2);height:145px;margin-bottom:27px;margin-top:1px;width:147px}.user-01,.user-02,.user-03,.user-04,.user-05{border:5px solid #fff;border-radius:50%;height:120px;margin:10px;position:absolute;width:120px}.user-02{top:175px}.card-user01:hover,.card-user02:hover,.card-user03:hover,.card-user04:hover,.card-user05:hover{border-radius:50%;transition:.2s}.card-1,.card-2,.card-3,.card-4,.card-5{background-color:hsla(0,0%,100%,.9);border-radius:20px;border-bottom-left-radius:40px;border-top-left-radius:40px;box-shadow:2px 2px 8px rgba(0,0,0,.2);height:100px;left:45px;position:absolute;top:25px;width:760px}.card-2{top:200px}.card-3{top:370px}.card-4{top:545px}.card-5{top:715px}.card-1 a,.card-2 a,.card-3 a,.card-4 a,.card-5 a{color:#000;font-size:20px;font-weight:600;left:150px;position:absolute;text-decoration:none;top:15px}.card-1 a:hover,.card-2 a:hover,.card-3 a:hover,.card-4 a:hover,.card-5 a:hover{color:#a3b491;text-decoration:underline;text-underline-offset:2px}.card-1 h3,.card-2 h3,.card-3 h3,.card-4 h3,.card-5 h3{font-size:15px;font-weight:500;left:70px;line-height:20px;margin-top:2px;padding:10px 100px;position:relative;top:37px}.footer-container{background-color:hsla(88,29%,88%,.5);box-shadow:2px 2px 8px rgba(0,0,0,.1);color:#787878;font-weight:200;height:80px;margin-top:100px;position:absolute;top:1200px;width:100%}#contact,#head,#madeBy{position:absolute;top:15px}#head{font-size:20px;left:80px}#madeBy{font-weight:500;left:80px;top:40px}#contact{border:1px;border-color:#787878;border-radius:10px;border-style:solid;font-size:20px;padding:4px;right:215px;top:6px}#contact:hover{background-color:hsla(0,100%,83%,.5)}.contact-container{list-style:none;position:absolute;right:50px;top:10px}.contact-container a{color:#787878;text-decoration:none}.contact-container a:hover{color:#000}.img-logo{border-radius:50%;height:auto;margin:20px;opacity:50%;padding:5px;position:absolute;width:35px}.email-logo,.github-logo{margin-right:8px;position:relative;top:6px;width:22px}
/*# sourceMappingURL=main.81cf294a.css.map*/