html{padding:10px;color:#49274a}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,sans-serif;padding:10px;margin:0 10rem 5rem;display:flex;flex-direction:column}main{margin-bottom:15px;flex:1;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9}nav{padding:10px;display:flex;border-radius:10px;justify-content:center;text-transform:uppercase}nav ul{list-style:none;padding-left:0;display:flex;justify-content:center}nav ul li{margin:0 15px;text-align:center;align-content:center}nav ul li a{color:#f9efea;text-decoration:none}nav ul li a.active{color:#94618e}img{width:40px}h1{text-align:center}a:hover{color:#94618e;transition:ease .5s}form{display:flex;flex-direction:column;align-items:center;width:100%}form label{display:flex;flex-direction:row;align-items:center;margin-bottom:15px;gap:10px}form input,form select{width:200px;padding:7px;border:1px solid #ccc;border-radius:5px;margin-top:0}form p{display:flex;flex-direction:row;align-items:center;margin-top:0;margin-bottom:15px;gap:0px}label.radio{display:inline-flex;flex-direction:row;align-items:center;font-weight:400;gap:5px;margin:0 0 0 .5rem;max-width:4rem}input[type=radio i]{width:auto}form input[type=submit]{width:auto;padding:7px 15px;cursor:pointer;background-color:#49274a;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease;margin-bottom:25px}form input[type=submit]:hover{background-color:#94618e}.result{font-weight:700;font-size:larger;text-align:center;margin-bottom:30px}table{width:100%}th{height:50px}td{text-align:center;padding:5px}footer{background:#f8eee7;text-align:center;padding:10px;border-radius:10px}nav ul li a:after{content:attr(data-full-text)}@media (max-width: 1024px){body{margin:0 4rem 2rem}}@media (max-width: 600px){html{font-size:smaller}body{margin:0 1rem 1rem}form label{display:flex;flex-direction:column}label.radio{max-width:4rem}nav ul li{margin:0 10px}img{width:30px}}