body {
      font-family: system-ui, sans-serif;
    }

    .brutal-card {
      border: 4px solid black;
      box-shadow: 6px 6px 0 black;
    }

    .brutal-btn {
      border: 3px solid black;
      box-shadow: 4px 4px 0 black;
      transition: all 0.1s ease-in-out;
    }

    .brutal-btn:active {
      transform: translate(4px, 4px);
      box-shadow: 0px 0px 0 black;
    }

    .brutal-input {
      border: 3px solid black;
      outline: none;
    }

    .brutal-input:focus {
      background: #fef08a;
    }

    .brutal-btn:hover {
      transform: translate(-2px, -2px);
    }