body {
    background-color: rgb(100, 100, 100);
    color: chartreuse;
    font-family: monospace;
    
}

.header {
    text-align: center;
}

#blink {
    -webkit-animation: blink 1.5s linear infinite;
    animation: blink 1.5s linear infinite;
  }
  @-webkit-keyframes blink {
    50% { color: rgb(34, 34, 34); }
    51% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 0); }
  }
  @keyframes blink {
    50% { color: rgb(34, 34, 34); }
    51% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 0); }
  }

.dark {
    color:rgb(0, 0, 0);
}
.shy {
    color: red;
}

/* Установка максимального размера для изображения */
.centered-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
  max-width: 600px; /* Ограничение ширины */
}

.centered-image img.responsive {
  max-width: 100%; /* Для адаптации к экрану */
  height: auto; /* Сохраняем пропорции */
  border-radius: 10px; /* Скругление краёв */
}

/* Упорядочивание текста и карточек */
div.card {
  margin: 15px auto;
  padding: 20px;
  max-width: 800px; /* Максимальная ширина */
  background-color: rgba(34, 34, 34, 0.9);
  border: 1px solid chartreuse;
  border-radius: 8px; /* Добавляем скругления */
  color: chartreuse;
  text-align: justify; /* Упорядочиваем текст */
}

.card a {
  display: block; /* Ссылки в столбик */
  margin: 5px auto;
  text-align: center;
}

.responsive {
  width: 100%;
    height: auto;
    max-width: 400px;
}
p.outline {
  --bd-example-padding: 1rem;
  position: relative;
  padding: var(--bd-example-padding);
  margin: 0 -1.5rem;
  border: solid var(--bs-border-color);
  border-width: 1px 0;
}

a.github {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
  color:#0ed1f8;
}

.license_S {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
  color:chartreuse;
}