* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box; }

body {
  color: #333;
  background: #fafafa;
  font-family: "Noto Sans JP", sans-serif;
  padding: 60px 20px; }
  body a {
    color: #333;
    text-decoration: none;
    transition: 0.3s; }
    body a:link, body a:hover, body a:active, body a:focus {
      color: #333; }
    body a:hover {
      opacity: 0.6; }

main {
  max-width: 600px;
  margin: auto; }
  main h1 {
    font-size: 30px;
    text-align: center;
    font-weight: bold; }
  main textarea {
    width: 100%;
    height: 400px;
    padding: 1.5em;
    background: #fafafa;
    color: #333;
    border: solid 1px #333;
    border-radius: 5px;
    line-height: 2;
    resize: vertical;
    outline: none; }
  main .btn {
    display: flex;
    justify-content: center; }
    main .btn input {
      width: 160px;
      margin: 10px;
      padding: 0.3em 1em;
      background: #333;
      color: #fafafa;
      font-size: 16px;
      border: none;
      border-radius: 5px;
      outline: none;
      cursor: pointer;
      transition: 0.3s; }
      main .btn input:nth-child(2) {
        background: #fafafa;
        color: #333;
        border: solid 1px #333; }
      main .btn input:hover {
        opacity: 0.8; }
  main #result {
    text-align: center; }

/*# sourceMappingURL=style.css.map */