@import url(https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap);@import url(https://fonts.cdnfonts.com/css/sansation);body{box-sizing:border-box;height:100%}header{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;padding:10px 30px}nav{flex-wrap:nowrap;justify-content:space-between}.left,nav{align-items:center;display:flex}.left h1{font-size:32px}.right,.right ul{align-items:center;display:flex}.right ul{list-style:none;margin:0;padding:0}.right li{margin-left:20px;position:relative}.right img{cursor:pointer;margin-left:10px;vertical-align:middle}.right a{color:#333;text-decoration:none}.right a:hover{text-decoration:underline}.logo-link{color:inherit;text-decoration:none}.logo-link:hover{cursor:pointer}.dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-width:150px;overflow:hidden;position:absolute;right:0;top:70px;width:100%;z-index:10}.dropdown li{padding:10px 15px;white-space:nowrap}.dropdown li:hover{background-color:#f1f1f1}@media (max-width:768px){nav{flex-direction:row;justify-content:space-between}.left{margin-right:auto}.right{margin-left:auto}.right ul{align-items:center;flex-direction:row}.right li{margin-left:10px}.dropdown{max-width:80vw;right:0;top:75px;width:auto;z-index:20}}@media (min-width:1024px){.dropdown{max-width:200px;width:auto}}h1{font-family:Berkshire Swash;font-size:80px}.animate-gradient-text{margin:10px}h5{margin:0}.main_box,h5{font-size:35px}.main_box{font-style:normal;left:50%;margin:0 0 10px;padding:0;transform:translate(-50%,-50%)}.g_body{align-items:center;justify-content:center;margin:15px 0 0}.g-button,.g_body{display:flex;padding:0}.g-button{background:#fff;border:none;border-radius:10px;box-shadow:0 0 10px #0003;margin:0}.g-logo{height:28px;width:28px}.g-logo,.g-text{margin:0;padding:15px 10px}.g-text{color:#000;font-family:Sansation;font-size:16px;font-size:x-large;font-style:normal;text-align:center}@media screen and (max-width:500px){h1{font-size:60px;margin:10px}.main_box{font-size:20px}}.g_body{transform:scale(1.3);transform-origin:center}.error-container{align-items:center;background-color:#fafafa;color:#333;display:flex;justify-content:center;min-height:80vh;padding:1rem;text-align:center}.error-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:2rem}.error-title{color:#d32f2f;font-size:2rem;margin-bottom:.5rem}.error-message{color:#555;font-size:1.1rem;margin-bottom:1.5rem}.error-button{background-color:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.error-button:hover{background-color:#1565c0}.error-button:focus{outline:2px solid #90caf9;outline-offset:2px}*{box-sizing:border-box}body{font-family:Sansation,sans-serif;margin:0;padding:0}.about-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}h1{word-wrap:break-word;font-family:Berkshire Swash,cursive;font-size:90px;margin:0}.about{font-size:28px;margin:0 10px}@media screen and (max-width:800px){h1{font-size:50px;line-height:1.1}.about{font-size:18px;margin:0 5px}}#continue_main{background:#bffd2d;border:none;border-radius:10px;cursor:pointer;font-size:25px;height:50px;width:250px}.continue{margin-top:20px;text-align:center}h1{font-size:100px;margin-top:40px}.main_box{font-family:Sansation;margin-top:10px;text-align:center;width:100%}.main_box,.upper_content{position:relative;top:200px}.upper_content{font-size:30px;margin:10px 0 0;padding:0}section{display:flex;flex-flow:row wrap;position:relative;top:200px}section>div{flex:1 1;padding:.5rem}input[type=radio]{display:none}label{background:#fff;border:2px solid #20df80;border-radius:20px;box-shadow:0 3px 10px -2px #a1aaa680;display:block;padding:1rem;position:relative;text-align:center}input[type=radio]:checked+label{background:#20df80;box-shadow:0 0 20px #00ff80bf;color:#fff}#submit_ocp{background:#9ffefe;border:none;border-radius:10px;font-family:Sansation;font-size:25px;height:50px;position:relative;top:200px;width:250px}@media screen and (max-width:500px){.main_box{font-size:20px}.upper_content h1{font-size:40px}.upper_content h2{font-size:30px}}body,html{margin:auto;overflow:auto}#outer{height:100%}.recp_name i{font-size:xx-large}.bottom_box{background-position:top,50%;height:100px;position:fixed}#inner_remaining{padding-bottom:110px}.evaluate{--borderWidth:5px;border-radius:15px;border-radius:var(--borderWidth);font-family:Sansation;font-size:20px;font-style:normal;height:100%;position:relative;text-align:center;width:98%}.evaluate:after{animation:animatedgradient 3s ease infinite alternate;background:#fff;background-size:300% 300%;border-radius:calc(var(--borderWidth)*2);content:"";height:calc(100% + var(--borderWidth)*2);left:calc(var(--borderWidth)*-1);position:absolute;top:calc(var(--borderWidth)*-1);width:calc(100% + var(--borderWidth)*2);z-index:-1}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.evaluate_upper{display:flex;flex-flow:column;justify-content:center}.evaluate_upper h1{-webkit-text-fill-color:#0000;animation:animated-gradient 5s ease infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:200%;font-size:2.5em;margin:auto}.evaluate ul{list-style:none}.evaluate ul li{display:inline-block;margin-top:1%;padding:.5px}.progressbar{margin-top:15px;padding:0;text-align:center;width:20%}#sbt,#skp{background-color:initial;border:3px solid #000;border-radius:10px;color:#000;font-family:Sansation;font-size:20px;font-style:normal;height:40px;width:200px}.progressbar li{float:left;list-style:none;position:relative;text-align:center;width:16%}.progressbar li:before{border:3px solid #000;border-radius:50%;color:#000;content:counter(step);counter-increment:step;display:block;font-size:large;font-weight:700;height:40px;line-height:39px;text-align:center;width:40px}.progressbar{counter-reset:step -1}.blurry{opacity:.8}.content{margin-top:20px}.recp_name{color:#444;float:right;font-family:Sansation;font-style:normal;margin-right:20px;padding-left:5%}.recp_name p{font-size:xxx-large}table{border-collapse:initial;border-spacing:10px 1em;margin-top:-50px}td,th{font-family:Sansation;font-size:18px;font-style:normal;overflow:hidden;padding-right:10px;vertical-align:top;width:-webkit-fit-content;width:fit-content}td:before{content:"✅ "}.instructions{color:#4d4c4c;font-family:Sansation;font-size:18px;font-style:normal;line-height:30px;padding-left:5%}.instructions li{list-style:none}@media screen and (max-width:1024px){body,html{height:auto;margin:0;overflow:auto;width:100%}#ing1{display:none}#ing2{display:inline-block}.recp_name{float:left}.recp_name p{font-size:xx-large}.instructions{float:left}.instructions ul{font-size:medium;padding:0}.instructions h1{font-size:large}#inner_remaining{height:100%;overflow:auto;padding-bottom:110px}#outer{display:flex;flex-flow:column;height:100%;margin-top:20px;padding-bottom:0}.evaluate h1{font-size:auto}}@media screen and (max-width:870px){.evaluate_upper{flex-flow:column}.progressbar{width:55%}}::-webkit-scrollbar{background:#fff;height:6px;width:6px}::-webkit-scrollbar-thumb:horizontal{background:#000;border-radius:10px}::-webkit-scrollbar-thumb:vertical{background:#000;border-radius:10px}.ingredients-container{width:100%}#ing1{display:table}#ing2{display:none}@media screen and (max-width:1024px){#ing1{display:none}#ing2{display:block}}table{word-wrap:break-word;border-collapse:collapse;margin-top:20px;table-layout:fixed;width:100%}td{border:1px solid #ccc;font-size:18px;padding:10px}ul#ing2{list-style-type:none;margin:20px 0;padding:0}ul#ing2 li{font-size:18px;padding:5px 0}.progressbar li{background:#0000;cursor:pointer;height:50px;margin:0;transition:background .3s;width:50px}.progressbar li.active{transform:scale(1.25)}#bt0:before{background-color:#fc1239}#bt1:before{background-color:#f7756b}#bt2:before{background-color:#fdde65}#bt3:before{background-color:#f5f4a0}#bt4:before{background-color:#7dfb74}#bt5:before{background-color:#0f0}.bottom_box{margin-top:auto}@media screen and (max-width:1024px){#outer{display:flex;flex-flow:column;height:100vh;padding-bottom:auto}#inner_remaining{height:calc(100% - 100px)}}.left h1{font-size:24px}.bottom_box{bottom:0;height:33vh}@media screen and (max-width:1024px){#outer{display:flex;flex-flow:column;height:100vh;padding-bottom:33vh}#inner_remaining{height:calc(100% - 33vh)}}.progressbar{background-color:#d3d3d3;border-radius:10px;display:flex;margin:0 auto;padding:5px;width:300px}#outer{display:flex;flex-flow:column;padding:0}#inner_remaining{flex-grow:1;margin-bottom:auto;overflow:auto;padding-bottom:0}.bottom_box{animation:animated-gradient 3s ease infinite alternate;background:linear-gradient(0deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82),#fff;background-size:100% 50%,100% 100%;box-shadow:0 -2px 10px #0000001a;display:flex;height:auto;justify-content:center;left:0;padding:10px 0;position:-webkit-sticky;position:sticky;right:0;z-index:1000}@media screen and (max-width:1024px){#inner_remaining{margin-bottom:auto}.bottom_box{height:auto}#outer{bottom:0}}.spacing{margin:20px 0}.ingredients-container{margin-bottom:20px}.instructions{margin-top:20px}@media (max-width:600px){.ingredients-container{margin-bottom:15px}.instructions{margin-top:15px}}@media screen and (max-width:1024px){.ingredients-container{margin-bottom:20px}.instructions{margin-top:20px}}.instructions i{font-size:xx-large}.recp_name p{margin:0;padding:0}.recp_name i{font-size:x-large}@media (min-width:768px){.recp_name i{font-size:xx-large}}.instructions i{font-size:x-large}@media (min-width:768px){.instructions i{font-size:xx-large}}.left h1{font-size:xx-large;margin:0}@media (min-width:768px){.left h1{font-size:xxx-large}}.evaluate_upper h1{margin-bottom:20px;padding:5px}li#bt0,li#bt1,li#bt2,li#bt3,li#bt4,li#bt5{margin:auto}body,html{font-family:Sansation;height:100%;margin:0;overflow-x:hidden;width:100%}.animate-gradient-text{-webkit-text-fill-color:#0000;animation:animated-gradient 5s ease infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:200%;font-size:36px}@keyframes animated-gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}#statbox{margin-bottom:20px;margin-top:20px;padding:20px;text-align:center}#statbox h1{font-size:28px}.chart-container{align-items:center;display:flex;justify-content:center;margin:20px 0;transition:transform .3s}.chart-container:hover{transform:scale(1.05)}.rating-stars{display:flex;justify-content:center;margin-top:20px}.star-icon{color:#f7a115;font-size:60px;vertical-align:middle}@media screen and (max-width:500px){#statbox{padding:10px}.animate-gradient-text{font-size:24px}.star-icon{font-size:40px}#chartdiv{height:60vh;width:90vw}.chart-container{flex-direction:column;margin:0 auto;width:90%}}.stats-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:100vh;overflow:auto;padding:20px}h11{color:#333;font-size:2.5rem;margin-bottom:10px}h11,p1{height:auto;position:auto}p1{color:#555;font-size:1.2rem;margin-bottom:20px}button1{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;height:auto;margin-bottom:5px;padding:10px 20px;position:auto;transition:background-color .3s}button:hover{background-color:#0056b3}.scrollable-table{max-width:100%;overflow-x:auto}.matrix-table{border-collapse:collapse;margin-top:20px;max-width:800px;width:100%}.matrix-table td,.matrix-table th{border:2px solid #007bff;overflow:visible;padding:15px;text-align:center;text-overflow:clip;white-space:normal}.matrix-table th{background-color:#007bff;color:#fff;font-size:1.2rem}.matrix-table td{font-size:1rem}.matrix-table td:before{content:none!important}.matrix-table tr:nth-child(2n){background-color:#e9f1ff}.matrix-table tr:nth-child(odd){background-color:#fff}
/*# sourceMappingURL=main.105af806.css.map*/