@import url(https://fonts.bunny.net/css?family=poppins:400,500,700);

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: Poppins, sans-serif;
  margin: 0;
}

.container {
  width: 85%;
  max-width: 800px;
  margin: 0 auto;
}

.main-title {
  background-color: #4577e2;
  color: #ffffff;
  padding: 1em;
  font-weight: 500;
  text-align: center;
}

.table {
  table-layout: fixed;
  border-collapse: collapse;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.table-head {
  background-color: #4577e2;
  color: #ffffff;
  text-align: left;
}

.table-head-title {
  font-weight: 500;
}

.table td,
.table th {
  padding: 0.5em 1em;
}

.table-body tr {
  border-bottom: 1px solid #dddddd;
}

.table-body tr:nth-of-type(even) {
  background-color: #f3f3f3;
}


.code {
  background-color: rgb(215, 240, 250);
  font-size: 1rem;
  font-family: inherit;
  font-weight: 500;
}

.link,
.link-external {

    &:link,
    &:visited,
    &:focus,
    &:active {
        color: #4577e2;
    }
}