.Page,body{overflow-x:hidden}.Page{overflow-y:hidden;height:98vh}.Buttons{position:relative;top:32.5%;width:20%;height:1px;background:none;margin:0 auto;z-Index:1;display:flex;flex-direction:column}.Login{color:green;height:60px;background:none;border:1px solid green;border-radius:5%}.Login,.Login:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19)}.Login:hover{border:none;background:#a1ffbc;background:radial-gradient(circle,rgba(161,255,188,.8463760504201681) 0,rgba(190,255,206,0) 61%)}.Rbutton{color:green;height:60px;margin-top:12%;background:none;border:1px solid green;border-radius:5%}.Rbutton,.Rbutton:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19)}.Rbutton:hover{border:none;background:#a1ffbc;background:radial-gradient(circle,rgba(161,255,188,.8463760504201681) 0,rgba(190,255,206,0) 61%)}body,ul{overflow:hidden}.homeWrap{height:98vh}.titleHome{display:flex;flex-flow:column nowrap;text-align:center;margin-top:5%;position:absolute;top:10%;left:41%;color:#000}.titleHome h2{color:green}.card1{width:18.5%;height:200px;position:absolute;top:60%;left:10%}.card1 .button1{width:350px;height:200px;border:1px solid green;background:none}.button1:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19);color:green;border-radius:4%;-webkit-transition:all .3s ease;transition:all .3s ease}.card2{width:18.5%;height:200px;position:absolute;top:60%;left:40%}.card2 .button2{width:350px;height:200px;border:1px solid green;background:none}.button2:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19);color:green;border-radius:4%;-webkit-transition:all .3s ease;transition:all .3s ease}.card3{width:18.5%;height:200px;position:absolute;top:60%;left:70%}.card3 .button3{width:350px;height:200px;border:1px solid green;background:none}.button3:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19);color:green;border-radius:4%;-webkit-transition:all .3s ease;transition:all .3s ease}.page{width:100%;height:100vh;background:#39c361;background:radial-gradient(circle,#39c361 0,#a5ffbc 100%)}.login h1{text-align:center;color:green;margin-bottom:10}.login form{display:flex;flex-flow:column nowrap;margin:0 auto;position:absolute;bottom:35%;right:44%}.login form Input{margin-left:1.75%;margin-bottom:18.5%;text-align:center}.login button{display:flex;justify-content:center;width:70%;color:green;height:40px;margin-top:2%;background:none;border:1px solid green;border-radius:5%}.login button,.login button:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19)}.login button:hover{border:none;background:#a1ffbc;background:radial-gradient(circle,rgba(161,255,188,.8463760504201681) 0,rgba(190,255,206,0) 61%);color:#228b22}.login p{text-align:center;margin-top:5%}.page .bgWrap{z-Index:-1;height:150vh}@media (max-width:1000px){.login form{right:42%}}@media (max-width:800px){.login form{right:41%}}@media (max-width:600px){.login form{right:38%}}@media (max-width:575px){.login form{bottom:33%;position:relative}}@media (max-width:500px){.login form{right:30%}.login h1{right:39%}}.Page{width:100%;z-Index:-1;height:105vh;overflow:hidden;background:#39c361;background:radial-gradient(circle,#39c361 0,#a5ffbc 100%)}.Register{width:18%;height:500px;margin:0 auto;position:absolute;right:40%;top:20%}.Register .Card{width:80%;display:flex;flex-flow:column nowrap;margin:5% auto 0;z-Index:2;text-align:center;align-items:center}.Card h2{margin-bottom:15%}.Card Input{text-align:center;margin-bottom:12%}.Card Button{display:flex;justify-content:center;width:70%;color:green;height:40px;margin-top:12%;background:none;border:1px solid green;border-radius:5%}.Card Button,.Card Button:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19)}.Card Button:hover{border:none;background:#a1ffbc;background:radial-gradient(circle,rgba(161,255,188,.8463760504201681) 0,rgba(190,255,206,0) 61%);color:#228b22}.Card p{text-align:center;margin-top:5%}.bgWrap{z-Index:-1;height:150vh}@media (max-width:575px){.form-inline{width:230%}}body,ul{overflow:scroll}.bigBox{display:flex;flex-flow:row wrap;width:33%;justify-content:center}.bigBox,h4{border:none}h4{color:green;padding-top:3%}.card{width:350px;height:220px;margin-bottom:5%;text-align:center;background:#e0e0e0;background:radial-gradient(circle,#e0e0e0 0,hsla(0,0%,100%,.38699229691876746) 100%);box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.card,.card button{display:flex;border:none}.card button{justify-content:center;width:100%;color:green;height:80px;margin:1% auto 0;background:none}.card button:hover{width:40%;border-radius:10px;-moz-box-shadow:inset 0 0 5px green;-webkit-box-shadow:inset 0 0 5px green}.card h5{padding-top:5%}.card .img,.card h4{margin:0 auto}.card .img{display:flex}.img h6{margin-right:20%;margin-top:25%}.card button{margin-bottom:3%}.bigBG,.homeWrap{background:#d5fff0;background:radial-gradient(circle,#d5fff0 0,hsla(0,0%,78%,.25253851540616246) 100%)}.homeWrap{height:100vh;z-index:-1;position:absolute}.homeWrap,.pWrap{width:100%}.title{width:300px;height:75px;position:relative}.title h1{color:green;position:absolute;bottom:90%;left:10%}form{justify-content:center;bottom:83%}.cardBox,form{display:flex;position:relative}.cardBox{width:100%;flex-flow:row wrap;bottom:75%}.wrap{width:100%;background:#d5fff0;background:radial-gradient(circle,#d5fff0 0,hsla(0,0%,78%,.25253851540616246) 100%)}.cardBox1{display:flex;flex-flow:row wrap;border:1px solid #000;width:30%;text-align:center;margin:10% auto 0;box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19);background:#2d0058;background:linear-gradient(312deg,rgba(45,0,88,.2189250700280112),hsla(0,0%,89.4%,0) 50%,rgba(14,207,0,.19931722689075626))}.savedTitle{text-align:center;color:green}.h1Title{position:absolute;top:11.5%;right:43%;color:green}.cardBox1 h2{color:green;background:#2d0058;background:linear-gradient(312deg,rgba(45,0,88,.2189250700280112),hsla(0,0%,89.4%,0) 50%,rgba(14,207,0,.19931722689075626));border:none;box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 40px 0 rgba(12,102,7,.19);width:100%;margin-top:3%;margin-bottom:10%}.cardBox1 .type{width:40%;height:150px;background:#2d0058;background:linear-gradient(312deg,rgba(45,0,88,.9752275910364145),rgba(0,0,0,.8183648459383753) 50%,rgba(14,207,0,.9051995798319328));border-radius:5%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-left:10%;margin-top:5%;margin-bottom:5%}.type h3{color:#00e64d;margin-top:23%;opacity:1%;text-shadow:1px 0 6px #6f6}.cardBox1 .rateBox{width:50%;padding-top:5%}.cardBox1 .effects{width:100%;margin-top:5%}.effects h3{margin-bottom:5%}.cardBox1 .flavors{margin:2% auto}.flavors h3{margin-bottom:20%}.cardBox1 .description{margin-bottom:5%;padding-right:3%;padding-left:3%}.description h3{margin-bottom:5%}.cardBox1 button{width:30%;color:green;border-radius:5%;height:50px;border:1px solid green;background:none;margin:0 auto 5%}.cardBox1 button:hover{box-shadow:0 4px 8px 0 rgba(128,0,0,.2),0 6px 20px 0 rgba(128,0,0,.19);color:maroon;border:1px solid maroon;border-radius:5%;-webkit-transition:all .3s ease;transition:all .3s ease}.savedTitle{text-align:end}.profileCard{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19);display:flex;flex-flow:column nowrap;width:100%;margin:0 auto;border:1px solid green;background:#2d0058;background:linear-gradient(312deg,rgba(45,0,88,.2189250700280112),hsla(0,0%,89.4%,0) 50%,rgba(14,207,0,.19931722689075626))}.profileCard h2{margin:3% auto 5%;color:green}.profileCard h4{margin:0 auto 2%}body,ul{margin:0;padding:0}.wrapPro{width:100%;height:100vh;background:#d5fff0;background:radial-gradient(circle,#d5fff0 0,hsla(0,0%,78%,.25253851540616246) 100%)}.title{top:15%;left:45%;color:green}.proCard,.title{position:absolute}.proCard{width:20%}.wrappingPage{width:100%;height:98vh;background:#d5fff0;background:radial-gradient(circle,#d5fff0 0,hsla(0,0%,78%,.25253851540616246) 100%)}.emailStyle{display:flex;flex-flow:column nowrap;justify-content:center}.emailStyle h2{margin:15% auto 5%}form input{text-align:center}.emailStyle button{text-align:center;color:green;width:180px;height:40px;border:1px solid green;background:none}.emailStyle button:hover{box-shadow:0 4px 8px 0 rgba(12,102,7,.2),0 6px 20px 0 rgba(12,102,7,.19);color:green;border-radius:4%;-webkit-transition:all .3s ease;transition:all .3s ease}.App{text-align:center;overflow:hidden;font-family:"quicksandregular",Arial,sans-serif;font-weight:400;font-style:normal}.App-logo{height:40vmin;pointer-events:none}.login{display:flex;justify-content:center}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.b7b3bacc.chunk.css.map */