body { background-color: #FFEED4; font-family: 'Tac1', sans-serif; } .header { background-color: #F7AA27; color: white; padding: 15px 0; display: flex; justify-content: space-between; align-items: center; } .header-logo { margin-left: 20px; } .header-logo img { width: 100px; height: auto; } .header-info { display: flex; align-items: center; } .header-tech { font-size: 2em; margin-right: 10px; /* Минимальный отступ */ } .header-center { font-family: 'Tac1', sans-serif; font-size: 1.2em; margin-right: 180px; /* Большой отступ */ } .header-location, .header-phone { font-size: 1.2em; /* Увеличенный шрифт */ margin-right: 20px; /* Отступ для телефона */ } .header-nav { position: relative; margin-right: 100px; font-size: 1.2em } .header-nav button { background-color: transparent; border: none; padding: 10px 15px; color: white; font-size: 1em; cursor: pointer; } .header-nav ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 100%; right: 0; background-color: rgba(255, 255, 255, 0.8); /* Прозрачный белый цвет */ border-radius: 5px; display: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 10px; border: 1px solid #F7AA27; } .header-nav li { padding: 10px; border-bottom: 1px solid #F7AA27; /* Цвет разделителя */ transition: background-color 0.3s ease; /* Добавляем плавный переход */ } .header-nav li:last-child { border-bottom: none; } .header-nav li a { text-decoration: none; color: #F7AA27; /* Цвет текста */ } .header-nav li:hover { background-color: rgba(247, 170, 39, 0.5); /* Прозрачно-рыжий цвет */ } .header-nav li a:hover { color: white; /* Цвет текста при наведении */ } .header-nav:hover ul { display: block; } .container { background-color: white; padding: 20px; margin: 20px auto; max-width: 960px; border-radius: 10px; display: flex; align-items: center; } .creator-info { margin-left: 20px; } .creator-info h2 { font-size: 1.5em; margin-bottom: 10px; } .creator-info p { font-size: 1em; line-height: 1.5; margin-bottom: 5px; } .creator-image { width: 200px; height: 300px; object-fit: cover; border-radius: 10px; margin-right: 120px; } .creator-info h2:nth-child(2) { /* Выбираем второй h2 */ color: #F7AA27; /* Устанавливаем цвет */ } .certificates { display: flex; align-items: center; margin-bottom: 20px; } .certificates-image { width: 305px; height: 350px; object-fit: cover; border-radius: 10px; margin-right: 20px; } .certificates-text { font-size: 1em; line-height: 1.5; } .footer { background-color: #DBAD63; color: white; text-align: center; padding: 15px 0; } .LoginBut { position: relative; margin-right: 100px; font-size: 1.2em; left: 150px; } .LoginBut button { background-color: transparent; border: none; padding: 10px 15px; color: white; font-size: 1em; cursor: pointer; }