@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap");
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
  overflow-x: hidden; }

a {
  color: inherit;
  text-decoration: none; }

.navbar {
  background-color: #2c3e50;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 3rem; }
  .navbar .navbar__logo img {
    padding-left: 1rem; }
  .navbar .navbar__profile {
    margin-right: 1rem;
    padding: 1rem;
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    justify-content: center;
    justify-items: center;
    justify-self: center;
    transition-duration: 250ms; }
    .navbar .navbar__profile img {
      transform-origin: center center;
      position: relative;
      height: 1.5rem; }
    .navbar .navbar__profile p {
      color: white;
      padding-left: .5rem;
      display: none; }
    .navbar .navbar__profile:hover {
      background-color: #415b75; }
      .navbar .navbar__profile:hover .navbar__dropdown-content {
        display: initial; }
  .navbar .navbar__dropdown-content {
    border-radius: 5px;
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    min-width: 10rem;
    position: absolute;
    z-index: 0;
    right: 1rem;
    top: 3.5rem;
    display: none; }
    .navbar .navbar__dropdown-content a {
      color: #2c3e50;
      text-decoration: none;
      display: block;
      text-align: center;
      padding: .7rem; }
      .navbar .navbar__dropdown-content a:hover {
        background-color: #edf5fc; }
      .navbar .navbar__dropdown-content a:first-child {
        border-bottom: 1px solid #dae2ea; }
    .navbar .navbar__dropdown-content:hover {
      display: initial; }

.footer {
  text-align: center;
  padding: 1rem;
  color: white;
  background-color: #435f79; }

.footer a {
  color: #f5b800;
  text-decoration: none; }

.card--big {
  border: 1px solid #dae2ea;
  border-radius: 5px;
  padding: 5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 1rem;
  transition-property: color, box-shadow;
  transition-duration: 500ms; }
  .card--big h2 {
    font-size: 2rem; }
  .card--big img {
    transition-duration: 500ms;
    width: 12rem;
    pointer-events: none;
    user-select: none;
    height: 12rem; }
  .card--big:hover {
    cursor: pointer;
    color: #00B0FF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
    .card--big:hover img {
      transform: scale(1.05); }

.card-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 100rem;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .6rem; }
  .card-wrapper .card--long {
    margin: 1rem 1rem;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 2rem;
    overflow: hidden;
    width: 100%; }
    .card-wrapper .card--long .card__title {
      color: #fff;
      background-color: #2c3e50;
      padding: 0;
      margin: 0;
      padding: 1rem;
      font-weight: bold; }
      .card-wrapper .card--long .card__title:hover {
        background-color: #283848;
        cursor: pointer; }
    .card-wrapper .card--long .card__description {
      padding: 1rem; }

.card {
  width: 30rem;
  margin: 1rem;
  border: 1px solid #a5a5a5;
  transition-duration: 250ms;
  border-radius: 5px; }
  .card .card__title {
    color: #fff;
    background-color: #2c3e50;
    padding: 0;
    margin: 0;
    padding: 1rem;
    font-weight: bold; }
    .card .card__title:hover {
      cursor: pointer; }
  .card:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
  .card .card__description {
    padding: 1rem; }

.card__buttons {
  text-align: right;
  padding: 1rem; }

.card-wrapper--matrix {
  margin-left: auto;
  margin-right: auto;
  max-width: 100rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .6rem; }

.card-wrapper--extra-large {
  margin-left: auto;
  margin-right: auto;
  max-width: 100rem;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .6rem; }

.search-wrapper {
  text-align: center;
  margin-top: 2rem; }
  .search-wrapper label {
    display: none; }
  .search-wrapper .search-bar {
    width: 70vw;
    max-width: 25rem;
    text-align: left;
    border: 1px solid #2c3e50;
    padding: .8rem;
    border-radius: 15px;
    transition-property: border-color;
    transition-duration: 500ms; }
    .search-wrapper .search-bar:hover, .search-wrapper .search-bar:focus {
      border-color: #9bb2c8;
      outline: none; }

.button--add {
  position: fixed;
  text-align: center;
  border-radius: 50%;
  background-color: #50C878;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  color: white;
  right: 1rem;
  bottom: 1rem;
  font-size: 2rem; }
  .button--add p {
    transform: translateY(-0.2rem); }

.button {
  border: none;
  background-color: #2c3e50;
  color: #FFF;
  padding: .9rem;
  border-radius: 5px; }

.button.green {
  background-color: #50C878; }

.button.red {
  background-color: #b71540; }

.editor--wrapper {
  border-radius: 5px;
  width: 100%;
  max-width: 30rem;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 5rem;
  border: 1px solid #dae2ea; }
  .editor--wrapper h1 {
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: fit-content; }
  .editor--wrapper .input-group {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem; }
    .editor--wrapper .input-group label {
      box-sizing: border-box; }
    .editor--wrapper .input-group .input {
      width: 25rem;
      height: 2rem;
      box-sizing: border-box;
      border: 1px solid #2c3e50; }
    .editor--wrapper .input-group .input[type="file"] {
      border: none; }

.save-button {
  margin-top: 2rem;
  width: 25rem;
  margin-bottom: 1rem;
  height: 2rem;
  box-sizing: border-box;
  border: none;
  background-color: #50C878;
  color: white;
  font-size: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transition-duration: 200ms; }
  .save-button:hover {
    cursor: pointer;
    background-color: #73d393; }

@media (min-width: 42rem) {
  .editor--wrapper {
    margin-top: 1rem; } }
@media (min-width: 80rem) {
  .card-wrapper--extra-large {
    min-height: 70vh; }
    .card-wrapper--extra-large .card--big {
      margin: 0 2rem 1rem 2rem;
      height: 12rem;
      width: 12.5rem;
      box-sizing: content-box; }

  .card-wrapper .card--big {
    margin: 0 2rem 1rem 2rem;
    height: 12rem;
    width: 12.5rem;
    box-sizing: content-box; }
  .card-wrapper .card--long {
    padding: 0;
    margin: 1rem 1rem; } }

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