body {
      background-color: #eeeff1;
  }

  /* Navbar */

  #dashboard {
      color: #fff;
      background-color: #1a1b1f;
      border-radius: 8px;
      border-style: hidden;
      transition: border-radius 1s;
  }

  @media(max-width:767px) {
      #dashboard {
          color: #fff;
          width: fit-content;
          background-color: #1a1b1f;
          border-radius: 8px;
          border-style: hidden;
          transition: border-radius 1s;
      }
  }

  #dashboard:hover {
      border-radius: 15px;
  }

  .navbar-brand {
      color: #1a1b1f;
      padding-left: 5px;
  }

  .navbar {
      padding: 20px;
      z-index: 1;
  }

  .nav-link {
      margin-right: 15px;
  }

  .animate__animated.animate__fadeInDown {
      --animate-duration: 0.7s;
  }

  /* Social buttons */

  .socials {
      position: fixed;
      top: auto;
      right: 0;
      bottom: 0;
      z-index: 100;
      display: flex;
      padding-right: 30px;
      padding-bottom: 30px;
      flex-direction: column;
  }

  .social-icon {
      position: sticky;
      padding-top: 17px;
  }

  /* Blog */

  /* About */

  #intro-row {
      margin-top: 110px;
      margin-bottom: 140px;
      margin-left: 50px;
  }

  @media(max-width:767px) {
      #intro-row {
          margin-top: 0px;
          margin-bottom: 140px;
          margin-left: 0px;
      }
  }

  .pic-rounded {
      border-radius: 15px;
  }

  /* index */

  #contact-form {
      margin-left: 50px;
      margin-top: 75px;
  }

  #text-one {
      margin-left: 50px;
      margin-bottom: 50px;
  }

  .gradient-container {
      position: absolute;
      top: 100px;
      right: 20%;
      scale: 1.4;
      opacity: 0.9;
      overflow: hidden;
      max-width: 1100px;
      z-index: 0;
  }

  .gradient-animation {
      position: static;
      width: auto;
      height: auto;
      -webkit-animation: spin 30s linear infinite;
      -moz-animation: spin 30s linear infinite;
      -ms-animation: spin 30s linear infinite;
      -o-animation: spin 30s linear infinite;
      animation: spin 30s linear infinite;
  }

  @-moz-keyframes spin {
      100% {
          -moz-transform: rotate(360deg);
      }
  }

  @-webkit-keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
      }
  }

  @-ms-keyframes spin {
      100% {
          -ms-transform: rotate(360deg);
      }
  }

  @-o-keyframes spin {
      100% {
          -o-transform: rotate(360deg);
      }
  }

  @keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }

  @media(max-width:767px) {
      .pic-ict {
          display: none;
      }
  }

  /* Dashboard */

  .progress-bar-marker {
      background-image: linear-gradient(90deg, rgba(225, 225, 225, 0.1) 99%, rgba(204, 0, 0, 1) 1%);
  }

  #dashboard-row-one {
      margin-top: 50px;
      margin-bottom: 10px;
      margin-left: 50px;
  }

  @media(max-width:767px) {
      #dashboard-row-one {
          margin-top: 0px;
          margin-bottom: 10px;
          margin-left: 0px;
      }
  }

  .progress-bar {
      background-color: #8f929e;
      border-radius: 8px;
  }

  /* Blog */

  .col-md-4 {
      padding: 10px;
  }

  /* Text sizes */

  #copyright {
      color: #8f929e;
      font-size: 14px;
      line-height: 26px;
      opacity: 0.7;
  }

  .heading-big {
      margin-top: 10px;
      margin-bottom: 10px;
      color: #1a1c20;
      font-size: 85px;
      line-height: 90px;
      font-weight: 500;
      position: relative;
  }

  .text-big {
      color: #000;
      font-size: 25px;
      font-weight: 300;
  }

  .heading-medium {
      margin-top: 10px;
      margin-bottom: 10px;
      color: #1a1c20;
      font-size: 44px;
      font-weight: 500;
  }

  .text-medium {
      color: #000;
      font-size: 20px;
      font-weight: 300;
      margin-right: 50px;
  }

  .text-gray {
      margin-top: 25px;
      line-height: 46px;
      font-size: 26px;
      color: #62646d;
      position: relative;
  }

  .btn-outline-dark {
      margin-right: 10px;
      margin-bottom: 10px;
      padding-left: 8px;
      padding-right: 8px;
      border: 1px solid #ced1df;
      border-radius: 8px;
      font-size: 16px;
      line-height: 39px;
      font-weight: 500;
      letter-spacing: 1px;
  }

  /* .col {
      border-color: blue;
      border-width: 5px;
      border-style: solid;
  } */