ul,li{text-decoration:none;list-style:none}a{text-decoration:none}body{margin:0;font-family:"Quicksand",sans-serif;background-color:#121f3d;color:#fff}h1,h2{margin:0}.percentages-discounts{display:flex;flex-direction:column;justify-content:center;height:20vh;width:100%}.percentages-discounts h1{padding:8px 0;font-size:1.125rem;color:#fff;text-align:center}.section-container{display:grid;grid-template-areas:". section .";place-items:center}.section-container .section{display:flex;flex-direction:column;align-items:center}.section{grid-area:section;width:100%;width:330px;border-radius:8px;margin-bottom:16px;background-color:#24385b;box-shadow:0px 3px 6px rgba(0,0,0,.3)}.section h2{width:100%;padding:8px 0;border-top-left-radius:8px;border-top-right-radius:8px;font-size:1.125rem;color:#33b1ff;background-color:#1b2b4b;text-align:center}.section form{width:80%;margin:16px 0}.section form .inputs{display:grid;grid-template-columns:1fr auto;place-items:center;width:100%;margin-bottom:8px;color:#fff}.section form .inputs label{justify-self:flex-start;font-size:1rem;font-weight:bold}.section form .inputs input{max-width:155px;padding:8px;border:1px solid #637b9d;border-radius:4px;font-size:.875rem;color:#fff;background-color:#03091e}.section form p#resultCoupon{display:none;font-weight:bold}.section form .valid{color:green}.section form .invalid{color:red}.section .buttons{display:flex;flex-direction:column;align-items:center;width:80%}.section .buttons button{width:100%;padding:10px;border:0;border-radius:16px;font-size:.875rem;font-weight:bold;color:#33b1ff;background-color:#121f3d;cursor:pointer}.section .buttons .hover:hover{color:#121f3d;background-color:#33b1ff}.section .buttons .disabled{color:#232830;background-color:#ccc;cursor:not-allowed}.section .result{display:block;padding:8px;font-size:1.125rem;font-weight:bold}@media(max-width: 410px){.section{max-width:280px}.section form .inputs{grid-template-areas:"label ." "input input";place-items:start}.section form .inputs label{grid-area:label}.section form .inputs input{grid-area:input;margin-top:4px}}/*# sourceMappingURL=percentages-discounts.css.map */