@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* This stylesheet is not developed using sass */

.transparent-background {
  background: #00000014;
  border-radius: 13px;
  padding: 1rem 0;
  margin: 0 1.5rem;
}
.project-content .transparent-background {
  margin: 0 1.5rem;
}

@media (max-width: 1218px) {
  .transparent-background {
    margin: 0;
  }
}

#about {
  font-family: 'Cabin', 'Quicksand';
  text-align: center;
  font-size: 1.2rem;
  color: #444343;
}
#about .about-content {
  text-align: justify;
}

.popup h1,
.popup .popup-btns {
  text-align: center;
}

.popup .popup-btns {
  font-size: 1rem;
}

.know-me {
  font-weight: 900;
  border-width: 2px;
}
.border-know {
  border: 2px solid #fff;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #c2c3c3;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #26daac;
}

.skill img {
  margin: 20px !important;
}