@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{margin:0;padding:0;font-family:Roboto,sans-serif}.tela{width:100vw;height:100vh;background:#f6f6f6;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{margin-bottom:10px;color:#363636;width:800px}.bloco{width:800px;display:flex;place-items:center;height:500px;background-color:#fff;position:relative;border-radius:8px}.instrucao{position:absolute;top:25px;left:25px;font-size:large;color:#3e3e3e}.bloquinho{width:50%;height:50%}.bloco-triangulo{position:relative;display:flex;justify-content:center;align-items:center}.triangulo{position:relative;display:flex}.bloco-conta{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-right:20px}#linha-vertical{height:194px;border-right-width:4px;border-right-style:solid}#linha-horizontal{width:192px;border-bottom-width:4px;border-bottom-style:solid}#linha-diagonal{height:194px;border-left-width:6px;border-left-style:solid;transform:skew(45deg);position:absolute;left:97px}input{outline:none;border-width:1px;border-style:solid;padding:2px;border-radius:4px;width:65px;height:30px;margin-bottom:70px;font-size:larger}button{padding:12px 32px;font-family:Roboto,sans-serif;border-radius:5px;outline:none;border:1px solid #674d69;color:#fff;background-color:#3e2d40;font-size:larger;margin-bottom:70px}button:hover{background-color:#302031}span{margin-right:10px;margin-left:20px;font-size:x-large}#spanA{position:absolute;top:80px;right:160px}#spanB{position:absolute;bottom:-25px;left:160px}#spanC{position:absolute;left:35px}.corA{border-color:#b7c9a9;color:#b7c9a9}.corB{border-color:#ffd452;color:#ffd452}.corC{border-color:#ff7c70;color:#ff7c70}.normalCor{border-color:#674d69;color:#674d69}.nao-aparece{display:none}.aparece{display:flex}#resultado{position:absolute;bottom:-15px;font-size:x-large;color:#4b4b4b}#erro{position:absolute;bottom:-15px;font-size:large;color:#fa5546}footer{position:absolute;bottom:35px}