.text-input{width:100%;padding:.5rem;margin-bottom:1rem;font-size:1rem;border-radius:.5rem}p{margin-bottom:.5rem}*{padding:0;margin:0}html{font-size:16px;height:100%;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#333444;color:#fff;line-height:1.6;font-size:1rem;height:100%;margin:0}nav{font-size:1.25em;display:flex;justify-content:space-around;align-items:center;margin-top:1em}ul,li{display:inline}ul{display:flex;justify-content:space-evenly;flex:1;max-width:40%}li{cursor:pointer}li:hover,a:hover{color:coral}li,a{transition:color .3s ease}a{text-decoration:none;color:#fff}h1{margin-bottom:1rem}.container{max-width:600px;margin:5rem auto;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 20rem)}.btn{border:.05em solid coral;border-radius:.4em;padding-inline:.5em}.result{margin-top:1rem;font-family:monospace}@media (max-width: 768px){nav{flex-direction:column;align-items:center}nav ul{max-width:100%;margin-top:1rem;flex-direction:column;align-items:center}}