*{margin:0;padding:0;border-radius:5px;box-sizing:border-box;font-family:Courier New,cursive}html{min-width:100vh}body{background-color:#f5f5f5;position:relative;min-height:100vh;display:grid;grid-area-rows:auto 1fr auto;justify-content:space-evenly;align-items:space-evenly;gap:1rem}header,footer,main{padding:1.2rem}main,footer,input,textarea{font-size:1.5rem;background:none;outline:none}header{border-bottom:solid .15rem black;color:#55f255}footer{border-top:solid .15rem black}input[type=text]{outline:none;border:none;border-bottom:solid .12rem black;transition:.3s}input[type=text]:focus{border-bottom:solid .2rem black}input[type=button],textarea{border:none;outline:none;border:solid 1px black}input[type=button]{width:100%;cursor:pointer;font-size:2rem;font-weight:border;transition:.5s;color:#000;border:none;border-left:solid 1px black;border-right:solid 1px black}input[type=button]:hover{background:#55f255;color:#f5f5f5}main{display:flex;flex-direction:row;justify-content:space-evenly;align-items:space-evenly}main section{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:space-around;gap:1rem}main section article form{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-content:space-around;box-shadow:0 0 8px .2px;gap:2rem}main section article form div{display:flex;flex-direction:column;margin-top:1.5rem;margin-bottom:1.5rem;gap:.5rem}.result div{display:none}main section article.result{margin-top:2rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-content:space-around;box-shadow:0 0 8px .2px;gap:1rem;min-width:fit-content;flex:1}main section article.result div{display:flex;flex-direction:column;margin-top:1.5rem;margin-bottom:1.5rem;gap:.5rem}table{width:100%;border-collapse:collapse;margin:20px auto;font-family:Arial,sans-serif;font-size:14px}th,td{border:1px solid black;padding:10px;text-align:left}th{font-weight:700;text-align:center}td{text-align:center}td{text-align:left}@media screen and (max-width: 1024px){main{width:100%}input[type=button]{border:solid 1px black}}
