@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";#containertopbar{display:flex;justify-content:center;top:0;list-style-type:none;margin-top:16px;margin-bottom:16px;gap:160px;color:var(--primary-color);font-size:var(--font-size-p);font-weight:500}.listtopbar a{gap:100px;color:inherit;display:inline-block;transition:transform .2s ease}.listtopbar a:hover{transform:scale(1.03);color:var(--secondary-color)}@media screen and (max-width:1360px){#containertopbar{gap:100px}}@media screen and (max-width:1156px){#containertopbar{gap:80px}}@media screen and (max-width:768px){.listtopbar{display:none}#containertopbar{height:24px}}.containerwidebox1{width:calc(100vw - 48px);height:calc(100vh - 70px);border-radius:28px;display:grid;grid-template-rows:162px auto auto;max-width:1920px;max-height:1080px}.containerwidebox1.image{background-image:url(/wideimage4-1920x1118.jpg);background-position:bottom;background-size:cover;justify-self:center}.containerwidebox1.color1{background-color:var(--secondary-color);background-position:bottom;background-size:cover;justify-self:center}.containerwidebox1.color1 #block1widebox1,.containerwidebox1.color1 #block2widebox1,.containerwidebox1.color1 #h1widebox{display:none}.containerwidebox1.color2{background-color:var(--secondary-color);background-position:bottom;background-size:cover;justify-self:center;display:flex;height:auto;max-height:none}.containerwidebox1.color2 #block1widebox1,.containerwidebox1.color2 #block2widebox1,.containerwidebox1.color2 #h1widebox{display:none}.searchlabel.on{display:flex}.searchlabel.off{display:none}.cardresult.on{display:flex}.cardresult.off{display:none}.aploadphotoo.on{display:flex;justify-self:center}.aploadphotoo.off{display:none}.aploadfeature.two{display:flex;flex-direction:column;align-items:center;width:100%;height:calc(100vh - 70px);min-height:fit-content;padding-bottom:40px}#block1widebox1{background-color:var(--white-color);top:40px;display:flex;align-items:center;width:calc(100% - 400px);height:74px;border-radius:0 16px 16px 0;margin-top:88px}#flantlogo{height:36px;width:auto;margin:20px 30px 20px auto}#block2widebox1{background-color:var(--white-color);display:flex;width:calc(100% - 80vw);justify-self:end;align-self:end;height:74px;margin-bottom:140px;border-radius:16px 0 0 16px}#h1widebox{color:var(--white-color);margin-top:40px;margin-left:60px;max-width:50vw;line-height:1.7}#buttonlogin{align-self:center;margin:0 auto;text-align:center;color:var(--primary-color);font-size:var(--font-size-p);font-weight:500}#block2widebox1:hover #buttonlogin{transform:scale(1.03);color:var(--secondary-color)}@media screen and (min-width:1920px){#block2widebox1{width:calc(100% - 1536px)}}@media screen and (max-width:1024px){#block1widebox1{width:calc(100% - 200px)}#block2widebox1{width:calc(100% - 70vw)}#h1widebox{margin-top:30px;margin-left:40px}}@media screen and (max-width:768px){#block1widebox1{width:calc(100% - 100px);height:66px}#block2widebox1{width:calc(100% - 60vw);height:66px}#h1widebox{margin-top:20px;font-size:var(--font-size-h1-phone);margin-left:30px}.aploadphotoo.on{display:flex;justify-self:center;margin-bottom:32px}}@media screen and (max-width:480px){#block1widebox1{width:calc(100% - 60px)}#block2widebox1{width:calc(100% - 40vw)}}@media screen and (max-height:768px){#block1widebox1,#block2widebox1{height:58px}}#searchbarcontainer{width:calc(60vw - 48px);max-height:44px;margin:100px auto 0;display:flex;justify-content:center;border-radius:24px;position:relative}#searchbar{width:100%;padding-left:24px;padding-bottom:12px;padding-top:12px;font-size:var(--font-size-p);outline:none;border-radius:8px}#buttonsearch{justify-self:end;position:absolute;align-self:center;background-color:transparent;color:var(--white-color);height:60%;cursor:pointer;right:24px;width:24px;height:24px}img{width:24px;height:24px}@media screen and (max-width:765px){#searchbarcontainer{width:calc(80vw - 48px)}}#cardsearchcontainer{display:grid;grid-template-areas:"imgresult common" "imgresult scientific" "imgresult family" "imgresult genus" "imgresult year";grid-template-columns:auto auto;grid-template-rows:44px 28px 28px 28px;width:calc(60vw - 48px);height:232px;background-color:var(--white-color);color:var(--text-color);margin:40px auto 0;justify-content:start;border-radius:24px;padding:16px}h2{font-size:var(--font-size-h2)}p{font-size:var(--font-size-p)}#imageresult{grid-area:imgresult;height:200px;width:160px;padding-right:24px;border-top-left-radius:12px;border-bottom-left-radius:12px}#commonresult{grid-area:common}#scientificresult{grid-area:scientific}#familyresult{grid-area:family}#genusresult{grid-area:genus}#yearresult{grid-area:year}@media screen and (max-width:768px){#cardsearchcontainer{display:grid;grid-template-areas:"imgresult" "common" "scientific" "family" "genus" "year";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;width:calc(60vw - 48px);height:auto;background-color:var(--white-color);color:var(--text-color);margin:0 auto;justify-content:start;border-radius:24px;padding:16px}#imageresult{grid-area:imgresult;width:100%;max-width:600px;height:auto;max-height:300px;padding-right:0;border-radius:12px}#commonresult{grid-area:common;margin-top:8px}#scientificresult{grid-area:scientific;margin-top:8px}#familyresult{grid-area:family;margin-top:8px}#genusresult{grid-area:genus;margin-top:8px}#yearresult{grid-area:year;margin-top:8px}}#aploadcontainer{width:100%;margin-top:40px}#labelapload{display:grid}#boxapload{width:calc(60vw - 48px);padding:20px;background-color:var(--primary-color);text-align:center;position:relative;border-radius:24px}.boxinput{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}label{grid-area:label;font-size:var(--font-size-p);color:var(--white-color);cursor:pointer;display:inline-block}.aploaddragndrop{font-weight:400}.aploadbutton{grid-area:button;margin-top:32px;padding:12px 24px;border:none;background:var(--white-color);color:var(--secondary-color);border-radius:8px;cursor:pointer;font-size:var(--font-size-p);transition:.3s}.aploadbutton:hover{color:var(--primary-color)}.box__uploading,.box__success,.box__error{display:none}#previewcontainer{margin-top:16px}#previewimage{width:120px;max-width:100%;height:120px;object-fit:cover;border-radius:12px;margin-bottom:8px}#previewname{color:var(--white-color);font-size:var(--font-size-p);word-break:break-all;padding:0 8px}#containerarea2{margin-top:20px;display:grid;justify-items:center;align-content:center;text-align:center;height:100vh;position:relative}#containercontent1{display:grid;grid-template-areas:"image icon" "image tittle" "image caption";grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr}.imagecontent1{grid-area:image;width:100%;max-width:480px;object-fit:cover;border-radius:28px}.iconcontent1{grid-area:icon;width:clamp(24px,4vw,40px);margin-top:20px;margin-left:60px}.tittlecontent1{grid-area:tittle;font-size:24px;font-weight:500;margin-top:20px;margin-bottom:12px;padding-left:60px}.captioncontent1{grid-area:caption;font-size:14px;padding-left:60px;padding-top:12px;margin-top:0}#textarea2wrapper{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:100%}#textarea2container{display:flex;flex-direction:column;align-items:center;max-width:860px;min-width:20px;margin-right:40px;margin-left:40px;flex:1}.h1{font-size:var(--font-size-h1);color:var(--primary-color);line-height:1.7}.p{font-size:var(--font-size-p);color:var(--text-color);max-width:740px;min-width:20px;padding-top:16px;line-height:2}#buttonarea2{background-color:var(--primary-color);margin-top:92px;padding:12px max(2px,100px);border-radius:12px;cursor:pointer;transition:.3s}#textbuttonarea2{font-size:var(--font-size-p);color:var(--white-color)}#buttonarea2:hover{background-color:var(--secondary-color)}#buttonarea2:hover #textbuttonarea2{color:var(--primary-color)}#image1textarea2{background-image:url(/pexels-gezerasph-24880215.jpg);background-size:cover;background-position:center;height:560px;width:160px;left:0;border-radius:0 28px 28px 0}#image2textarea2{background-image:url(/pexels-maccoy-travasso-203573694-11627344.jpg);background-size:cover;background-position:center;height:560px;width:160px;right:0;border-radius:28px 0 0 28px;margin-left:20px}@media screen and (max-width:1024px){#image1textarea2,#image2textarea2{width:100px}}@media screen and (max-width:768px){.h1{font-size:var(--font-size-h1-phone)}#image1textarea2,#image2textarea2{display:none}}#containerarea3{background-color:color-mix(in srgb,var(--secondary-color),transparent 40%);width:calc(100vw - 48px);height:calc(100vh - 48px);justify-self:center;justify-items:center;align-content:center;border-radius:28px}#containercard{display:grid;grid-template-areas:"card1 h1" "card1 card2";grid-template-columns:clamp(200px,20vw,360px) clamp(200px,20vw,360px);grid-template-rows:auto clamp(0px,440px,640px);justify-self:center;gap:0px 40px;max-width:60vw;min-width:200px;margin-left:200px;margin-right:200px}#card1{background-image:url(/pexels-arrn-35442963.jpg);background-size:cover;background-position:center;max-height:440px;width:100%;border-radius:20px;align-content:flex-end;padding:16px;grid-area:card1;cursor:pointer}#card2{background-image:url(/pexels-sonny-17133329.jpg);background-size:cover;background-position:center;height:100%;width:100%;border-radius:20px;align-content:flex-end;padding:16px;grid-area:card2;cursor:pointer}#h1card{grid-area:h1;margin-bottom:24px;text-align:center;color:var(--primary-color)}.h2card{font-size:var(--font-size-h2);color:var(--white-color);line-height:2}.pcard{font-size:var(--font-size-p);color:var(--white-color)}#card1:hover,#card2:hover{background-size:114%}@media screen and (max-width:768px){#containercard{grid-template-areas:"h1" "card1" "card2";grid-template-rows:auto minmax(10px,240px) minmax(10px,240px);grid-template-columns:minmax(10px,440px);min-width:0;justify-content:center;margin-left:0;margin-right:0}#h1card{margin-bottom:24px;font-size:var(--font-size-h1-phone)}#card1{margin-bottom:24px}.h2card{font-size:var(--font-size-h2-phone)}}#containerarea4{height:100vh;justify-items:center;align-content:center}#carouselcontainer{text-align:center}#carouselparent{display:flex;flex-direction:row;justify-content:center;align-items:center;width:calc(100vw - 48px);margin:0 auto;overflow:hidden}#carousel{display:flex;flex-direction:row;column-gap:16px;justify-content:center;align-items:center;animation:spin 16s infinite linear}#carouselparent:hover #carousel{animation-play-state:paused}@media screen and (min-width:1920px){#carousel{width:1872px}}#h1carousel{max-width:860px;min-width:20px;color:var(--primary-color);font-size:var(--font-size-h1);margin:0 auto;padding:0 28px 100px;line-height:1.7}.carouselimage1{height:200px;width:140px;object-fit:cover;border-radius:16px}.carouselimage2{width:200px;height:140px;object-fit:cover;border-radius:16px}@media screen and (max-width:768px){#h1carousel{font-size:var(--font-size-h1-phone)}}@keyframes spin{0%{transform:translate(0)}to{transform:translate(-33.33%)}}#containerarea5{padding-bottom:24px;margin-top:24px}#containerwidebox2{background-image:url(/footerimage.jpg);background-position:center;background-size:cover;justify-self:center;width:calc(100vw - 48px);height:calc(100vh - 352px);border-radius:28px;display:block;max-width:1920px;max-height:1080px}@media screen and (max-width:1024px){#containerwidebox2{height:calc(100vh - 48px)}}#footer{background-color:var(--primary-color);display:grid;grid-template-areas:"logo about resource contact";grid-template-columns:minmax(100px,826px) auto auto auto;justify-self:center;height:280px;max-width:1920px;width:calc(100vw - 48px);border-radius:28px;align-content:center;margin-top:24px}#logoarea{background-color:var(--white-color);width:100%;border-radius:0 20px 20px 0;display:grid}#flantlogofooter{height:clamp(60px,6vw,100px)!important;width:auto;margin:16px;place-self:center}#about{list-style-type:none;color:var(--white-color)}.listabout a{color:inherit}.listabout{font-size:var(--font-size-p);line-height:2}.h2{color:var(--secondary-color);font-size:var(--font-size-h2);padding-bottom:16px}.listarea1,.listarea2,.listarea3{width:116px;margin-right:clamp(20px,100px,100px);margin-top:20px;margin-bottom:20px}.listarea1{margin-left:100px}@media screen and (max-width:1024px){#footer{grid-template-areas:"logo" "about" "resource" "contact";grid-template-rows:auto auto auto auto;grid-template-columns:auto;height:calc(100vh - 48px);justify-items:center;align-content:start}.listarea1{margin-left:0;padding-top:20px}.listarea1,.listarea2,.listarea3{width:116px;margin-right:0;margin-top:20px;margin-bottom:20px;text-align:center}#logoarea{background-color:var(--white-color);width:calc(100% - 100px);height:10vh;border-radius:0 0 20px 20px;display:flex;justify-content:center}}@media screen and (min-width:1024px)and (max-width:1114px){#flantlogofooter{height:20px;margin:10px;place-self:center}}@media screen and (max-width:400px){#flantlogofooter{height:clamp(40px,6vw,100px)!important;width:auto;margin:16px;place-self:center}}#hamburger{display:none;position:fixed;top:16px;left:24px;z-index:1000;background:none;border:none;cursor:pointer}#hamburger img{width:24px;height:24px}#sidebar{display:none;position:fixed;top:0;left:-100%;width:240px;height:100vh;background-color:var(--white-color);z-index:999;padding:60px 24px 24px;transition:left .3s ease}#sidebar.open{left:0}#overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--text-color);opacity:.5;z-index:998}#containersidebar{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0}.listsidebar a{color:var(--primary-color);font-size:var(--font-size-p);font-weight:600;text-decoration:none}@media screen and (max-width:768px){#hamburger,#sidebar,#overlay{display:block}}:root{--primary-color: #28462E;--secondary-color: #B3C1B0;--text-color: #1E1E1E;--white-color: #f5f5f5;--font-size-h1: 32px;--font-size-h2: 24px;--font-size-h1-phone: 24px;--font-size-h2-phone: 18px;--font-size-p: 14px}*{font-family:plus jakarta sans,sans-serif;margin:0;padding:0;box-sizing:border-box;border:0;vertical-align:baseline;text-decoration:none}h1,h2{font-weight:600}html,body{height:100%;line-height:1.5;background-color:var(--white-color);letter-spacing:.02em}table{border-collapse:collapse;border-spacing:0}@media screen and (min-width:1920px){.grid{width:1920px;justify-self:center}}@media screen and (min-width:1920px){.gridsearchbyimage{width:1920px;justify-self:center}}.gridsearchbyimage{min-height:100%;padding-bottom:24px}