@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --edu-primary-000: #e6f4f1;
  --edu-primary-100: #03327a;
  --edu-primary-200: #0963b7;
  --edu-primary-300: #13aaff;
  --edu-primary-400: #71ddff;
  --edu-primary-500: #cff9ff;

  --edu-secondary-000: #26fffd;
  --edu-secondary-100: #00b7ff;

  --edu-neutral-100: #181818;
  --edu-neutral-200: #443e3e;
  --edu-neutral-300: #999999;
  --edu-neutral-400: #cccccc;
  --edu-neutral-500: #eeeeee;
  --edu-neutral-600: #f8f8f8;
  --edu-neutral-700: #ffffff;

  --edu-success-100: #14532d;
  --edu-success-200: #15803d;
  --edu-success-300: #22c55e;
  --edu-success-400: #86efac;
  --edu-success-500: #dcfce7;

  --edu-success-secondry-000: #3ce47b;
}

/**
    BACKGROUND COLOR
*/

.bg-edu-primary-000 {
  background-color: var(--edu-primary-000);
}

.bg-edu-primary-100 {
  background-color: var(--edu-primary-100);
}

.bg-edu-primary-200 {
  background-color: var(--edu-primary-200);
}

.bg-edu-primary-300 {
  background-color: var(--edu-primary-300);
}

.bg-edu-primary-500 {
  background-color: var(--edu-primary-500);
}

.bg-edu-primary-500 {
  background-color: var(--edu-primary-500);
}

.bg-edu-secondary-000 {
  background-color: var(--edu-secondary-000);
}

.bg-edu-secondary-100 {
  background-color: var(--edu-secondary-100);
}

.bg-edu-success-secondry-000 {
  background-color: var(--edu-success-secondry-000);
}

.bg-edu-neutral-600 {
  background-color: var(--edu-neutral-600);
}

/**

    TEXT

*/
.text-edu-primary-300 {
  color: var(--edu-primary-300);
}

.text-edu-success-secondry-000 {
  color: var(--edu-success-secondry-000);
}

.display-8 {
  font-size: calc(1.475rem + 1.7vw);
  font-weight: 500;
  line-height: 1.25;
}

/**
    BORDER
*/
.border-edu-primary-100 {
  border-color: var(--edu-primary-300);
}

.border-edu-primary-300 {
  border-color: var(--edu-primary-300);
}

/* Adding */

#footer-copy-center {
  margin: auto;
  width: 60%;
  border: 3px;
  padding: 10px;
}

.bottom-nav {
  padding: 5px;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1000;
}

.bottom-link-nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.bottom-nav a {
  color: black;
  cursor: pointer;
}

.bottom-nav a svg {
  width: 30px;
}

.bottom-nav a:nth-child(3) {
  transform: scale(1.5) translateY(-10px);
  background-color: white;
  border-radius: 1000px;
  width: 30px;
  height: 30px;
  border: 2px solid #2a6ffc;
  color: #2a6ffc;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 760px) {
  .bottom-nav {
    width: 100%;
    bottom: 0%;
    left: 50%;
    display: flex;
    z-index: -1;
    justify-content: space-around;
    align-items: center;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }

  .bottom-link-nav {
    position: relative;
    width: 450px;
  }
}

.card__load {
  width: 270px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 4px;
  margin: 25px;
}
.card__content {
  padding: 20px;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

.card__image,
.card__content > h2,
.card__content > p {
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1s shine linear infinite;
}
.card__image {
  height: 200px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card__content {
  padding: 20px;
}
.card__content > h2 {
  height: 30px;
}

.card__content > p {
  height: 70px;
  width: 80%;
}