/* compiled by scssphp v0.6.5 on Tue, 05 Jul 2022 16:29:18 -0400 (0.0173s) */

body {
  font-family: Arial;
  font-size: 14px; }

.logo {
  font-family: 'Oswald', sans-serif;
  font-size: 80px;
  font-weight: bold;
  color: gray;
  margin: 20px 30px; }
  .logo .number {
    color: gray;
    opacity: 0.1; }

.navigation {
  margin-left: 33px; }
  .navigation a {
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid gray;
    background: gray;
    color: #fff; }
    .navigation a:hover {
      color: gray;
      background: transparent; }

.container {
  border: 1px solid #ddd;
  padding: 20px;
  margin: 33px; }
  .container a {
    color: gray; }
  .container table {
    font-size: 11px;
    margin-top: 20px; }
    .container table thead td {
      background-color: #f5f5f5;
      padding: 4px 10px; }
    .container table tbody td {
      padding: 4px 10px; }
  .container .box {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 30px; }
  .container input {
    background-color: #f5f5f5;
    border: 0;
    padding: 5px 10px; }
    .container input[type="submit"] {
      background-color: #ccc;
      cursor: pointer; }
      .container input[type="submit"]:hover {
        background-color: #222;
        color: #fff; }
  .container button {
    background-color: #ccc;
    border: 0;
    padding: 5px 10px;
    cursor: pointer; }
    .container button:hover {
      background-color: #222;
      color: #fff; }
