@charset "UTF-8";
/* Общие настройки */
/* line 2, app/assets/stylesheets/portfolio.scss */
body {
  background-color: #fafafa;
  font-family: 'Inter', sans-serif;
}

/* Анимация при наведении */
/* line 8, app/assets/stylesheets/portfolio.scss */
.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

/* Кнопки */
/* line 15, app/assets/stylesheets/portfolio.scss */
.btn-outline-primary:hover {
  background-color: #0d6efd;
  color: white;
  border-color: #0d6efd;
}

/* line 20, app/assets/stylesheets/portfolio.scss */
.btn-outline-success:hover {
  background-color: #198754;
  color: white;
  border-color: #198754;
}

/* line 25, app/assets/stylesheets/portfolio.scss */
.btn-outline-dark:hover {
  background-color: #212529;
  color: white;
  border-color: #212529;
}

/* Детали (Read more) */
/* line 32, app/assets/stylesheets/portfolio.scss */
details summary {
  list-style: none;
  font-weight: 500;
  padding: 0;
}

/* line 38, app/assets/stylesheets/portfolio.scss */
details[open] summary::after {
  content: " ▲";
}

/* line 42, app/assets/stylesheets/portfolio.scss */
details summary::after {
  content: " ▼";
  font-size: 12px;
  color: #888;
}

/* line 48, app/assets/stylesheets/portfolio.scss */
details > p {
  animation: fadeIn 0.3s ease-in;
}

/* Тени и углы */
/* line 53, app/assets/stylesheets/portfolio.scss */
.card {
  transition: all 0.3s ease;
  border-radius: 1.25rem !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* line 59, app/assets/stylesheets/portfolio.scss */
.card-img-top {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}

/* Заголовок секции */
/* line 65, app/assets/stylesheets/portfolio.scss */
h1.display-4 {
  letter-spacing: 1px;
  color: #222;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Stack описание */
/* line 72, app/assets/stylesheets/portfolio.scss */
.card .card-text + details + p {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  color: #777;
}

/* Кнопки плавно */
/* line 79, app/assets/stylesheets/portfolio.scss */
.btn {
  transition: all 0.2s ease-in-out;
}

/* Сама секция */
/* line 84, app/assets/stylesheets/portfolio.scss */
.container.my-5 {
  padding-bottom: 4rem;
}

/*____________________________________________________________________*/