/* Сброс стилей */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }


/* Перекладываем навигацию под логотип и центрируем всё */
header {
  display: flex;
  flex-direction: column;      /* лого + навигация в колонку */
  align-items: center;         /* центрируем по горизонтали */
  padding: 10px 20px;
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #ffffff;
  z-index: 100;
}

/* Логотип */
.logo {
  height: clamp(30px, 4vw, 40px);
  margin-bottom: 10px;         /* отступ под логотипом */
}

/* Навигация */
nav {
  display: flex;
  gap: 20px;                   /* расстояние между ссылками */
}

nav a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  font-size: clamp(14px, 2vw, 16px);
}

nav a:hover {
  color: #8a8a8a;
}


/* Основная область */
main { max-width: 800px; margin: 40px auto; padding: 0 20px; }


/* Секция соцсетей */
.social { text-align: center; }
.social img {
  /* Теперь ширина от 200px до 400px, адаптивно */
  width: clamp(200px, 50%, 400px);
  height: auto;
  display: block;
  margin: 0 auto 20px;
}
.social-links {
list-style: none;
display: flex;
justify-content: center;
gap: 20px;
}
.social-links a {
text-decoration: none;
color: #000;
font-size: 16px;
}
.social-links a:hover { text-decoration: underline; }


/* Секция обо мне */
#about { margin-top: 60px; }