ul,li{text-decoration:none;list-style:none}a{text-decoration:none}body{margin:0;font-family:"Quicksand",sans-serif;background-color:#121f3d}h1,h2,h3,h4,h5{margin:0}button{border:0;border-radius:16px;font-size:.875rem;font-weight:bold;color:#33b1ff;background-color:#121f3d;cursor:pointer}button:hover{color:#121f3d;background-color:#33b1ff}.choose-figure{display:flex;flex-direction:column;justify-content:center;height:20vh;width:100%;margin-bottom:32px}.choose-figure h1{padding:8px 0;font-size:1.125rem;color:#fff;text-align:center}.choose-figure div{display:inherit}.choose-figure div button{height:15vh;width:100%;border-radius:0;border-top:1px solid #fff}.choose-figure div button#square:hover{background-color:#00f2b5}.choose-figure div button#triangle:hover{background-color:#bdafda}.choose-figure div button#circle:hover{background-color:#ffc771}.geometric-figures{display:grid;grid-template-areas:". figure .";place-items:center}.geometric-figures .section{display:flex;flex-direction:column;align-items:center}.geometric-figures .square-section,.geometric-figures .triangle-section,.geometric-figures .circle-section{display:none;grid-area:figure}.section{width:100%;max-width:280px;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,.section form .inputs select{max-width:140px;padding:8px;border:1px solid #637b9d;border-radius:4px;font-size:.875rem;color:#fff;background-color:#03091e}.section .buttons{display:flex;flex-direction:column;align-items:center;width:80%}.section .buttons button{width:100%;margin-bottom:8px;padding:10px}.section .buttons button:first-child{margin-top:8px}.section .buttons .hover:hover{color:#121f3d;background-color:#33b1ff}.section .buttons .disabled{color:#232830;background-color:#ccc;cursor:not-allowed}.section .result{display:block}.section .result h3,.section .result h4,.section .result h5{padding:8px;font-size:1rem;color:#fff}.section .result h4,.section .result h5{display:none;font-size:.875rem;color:red}@media(max-width: 410px){.section form .inputs{grid-template-areas:"label ." "input input";place-items:start}.section form .inputs label{grid-area:label}.section form .inputs input,.section form .inputs select{grid-area:input;margin-top:4px;max-width:90%}}/*# sourceMappingURL=figures.css.map */