body{background-color:initial;font-family:Chelsea Market,cursive;margin:0;overflow-x:hidden;padding:0}.yellow-box{background-color:#fff031;border:3px solid #fff;border-radius:25px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:100%}.heading-box,.yellow-box{box-sizing:border-box;padding:0}.heading-box{background-color:#000;border:3px solid #fff;border-radius:20px 20px 0 0;color:#0038ff;font-size:1.6rem;text-align:center;text-shadow:2px 2px 0 #fff;width:100%}.green-box{background-color:#57b42d;border:3px solid #fff;border-radius:0;box-shadow:none;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;margin-bottom:0;padding:20px;width:100%}.green-box hr{border:2px solid #fff;margin:20px 0}.green-box .slider,.slider-field{box-sizing:border-box;height:8px;margin-top:8px;width:100%}.yellow-box p{color:#000;font-size:1.2rem;margin:.5rem 20px}.button{background-color:#3462fa;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.4rem;padding:12px 48px;text-align:center;transition:background-color .3s}@media (max-width:768px){.yellow-box{padding:10px 0}.green-box{padding:15px}.button{padding:15px 0;width:100%}label{font-size:1rem!important}.yellow-box p{font-size:.9rem!important}.slider-field+div{font-size:1rem!important}.heading-box{font-size:1.1rem!important}.green-box.results div:not(:first-child),.green-box.results strong{font-size:1rem!important}.green-box.results p{font-size:.9rem!important}}.green-box.results{background-color:#57b42d;border:2px solid #fff;border-radius:0 0 20px 20px;box-sizing:border-box;margin-bottom:0;padding:40px 20px 20px;position:relative}.green-box.results>div:first-child{color:#0038ff;font-size:2.5rem;font-weight:700;margin-bottom:0;position:relative;text-align:center;top:0}.green-box.results .grid{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:repeat(2,1fr);position:relative}.green-box.results .grid:before{background-color:#fff;bottom:0;content:"";left:50%;position:absolute;top:0;width:1px}.green-box.results .grid>div:first-child,.green-box.results .grid>div:nth-child(2){border-bottom:1px solid #fff;padding-bottom:1rem}.green-box.results .grid>div{color:#fff;text-align:center}.green-box.results p{color:#000;margin-bottom:1rem;margin-top:1rem;text-align:center}.calculator-wrapper{border:none!important;box-shadow:none!important}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.button{animation:wiggle 1s ease-in-out infinite;display:inline-block}.button:hover{animation-play-state:paused}
/*# sourceMappingURL=main.1064db3e.css.map*/