/* Общие стили */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* Запрет горизонтального скролла */
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 5vw; /* Отступы по бокам */
  box-sizing: border-box;
}

/* Цитата */
.quote {
  margin-top: 2vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #392f5a;
  font-size: min(4.5vw, 45px); /* Адаптивный размер */
  font-family: "Czizh Wing";
  font-weight: bold;
  padding: 3vh 5vw;
  max-width: 90%;
}


.quote p {
  margin: 0;
  word-wrap: break-word;
}


/* Основной контейнер с картинкой и текстом */
.container {
  width: 90vw;
  display: flex;
  justify-content: space-between; /* Распределение пространства */
  align-items: center;
  margin-top: 5vh;
  gap: 5vw; /* Расстояние между элементами */
}

/* Картинка учителя */
.teachimg {
  flex: 1; /* Занимает доступное пространство */
  display: flex;
  justify-content: center;
}

.teachimg img {
  max-width: 100%;
  height: auto;
}

/* Текст справа */
.left-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* Выравнивание по правому краю */
}

.left-text h1 {
  font-size: min(8vw, 110px); /* Адаптивный размер */
  font-family: "Czizh Wing";
  font-weight: 1000;
  margin-bottom: 3vh;
  color: #000;
  white-space: nowrap;
  text-align: right;
}

.left-text p {
  margin-top: 3vh;
  font-size: min(3.5vw, 35px);
  font-family: "Inter", sans-serif;
  font-weight: 250;
  color: #392f5a;
  white-space: nowrap;
  text-align: right;
}

/* Кнопка */
button {
  margin-top: 3vh;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8vh;
  width: min(15vw, 150px);
  border: 4px solid #392f5a;
  border-radius: 20px;
  background-color: #fefadc;
  font-size: min(3.7vw, 33px);
  font-family: "Inter", sans-serif;
  transition: ease-in-out 0.5s;
  cursor: pointer;
  color: #392f5a;
}

button:hover {
  background-color: #392f5a;
  color: #fefadc;
}