CSS/style.css - lab3-css - enn/WebSite1_lab

CSS/style.css
85 строк3 KB
Sebastiana
lab3
02 мар 2026, 14:39
02 мар 2026, 14:39f9301b7
/* style.css - обновленная версия */

/* Подключаем шрифт Roboto (кириллический) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); /* ИЗМЕНЕНО: добавлены жирности 300, 500 */

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px; /* ИЗМЕНЕНО: было 18px, стало 16px */
  font-weight: 300; /* ИЗМЕНЕНО: было 400, стало 300 */
  line-height: 1.6; /* ИЗМЕНЕНО: было 1.5, стало 1.6 */
  color: #2c3e50; /* ИЗМЕНЕНО: было #333, стало #2c3e50 */
  background-color: #ecf0f1; /* ИЗМЕНЕНО: было #f5f5f5, стало #ecf0f1 */
  margin: 20px;
  padding: 20px;
}

h1 {
  font-weight: 500; /* ИЗМЕНЕНО: было 700, стало 500 */
  text-align: center;
  color: #c0392b;
  background-color: #fff;
  border: 2px solid #e67e22;
  border-radius: 10px;
  padding: 15px;
}

p {
  font-size: 17px; /* ИЗМЕНЕНО: новое свойство */
  font-weight: 400; /* ИЗМЕНЕНО: новое свойство */
  line-height: 1.7; /* ИЗМЕНЕНО: новое свойство */
  background-color: #fff;
  border-left: 4px solid #e67e22;
  border-radius: 0 8px 8px 0;
  padding: 12px;
}

img {
  border: 3px solid #e67e22;
  border-radius: 15px;
  max-width: 100%;
  display: block;
  margin: 20px auto;
}

a {
  color: #2980b9; /* ИЗМЕНЕНО: было #d35400, стало #2980b9 */
  text-decoration: none;
  font-weight: 500; /* ИЗМЕНЕНО: было 700, стало 500 */
  margin-right: 15px;
}

a:hover { /* ИЗМЕНЕНО: новый селектор */
  color: #e67e22;
  text-decoration: underline;
}

ul {
  font-size: 17px; /* ИЗМЕНЕНО: новое свойство */
  font-weight: 400; /* ИЗМЕНЕНО: новое свойство */
  line-height: 1.8; /* ИЗМЕНЕНО: новое свойство */
  border: 2px dashed #e67e22;
  border-radius: 8px;
  background-color: #fff;
  padding: 20px 35px;
}

footer {
  background-color: #34495e; /* ИЗМЕНЕНО: было #2c3e50, стало #34495e */
  color: #ecf0f1; /* ИЗМЕНЕНО: было white, стало #ecf0f1 */
  text-align: center;
  border: 1px solid #e67e22;
  border-radius: 5px;
  padding: 10px;
  margin-top: 30px;
}

footer p {
  font-size: 15px; /* ИЗМЕНЕНО: новое свойство */
  font-weight: 300; /* ИЗМЕНЕНО: новое свойство */
  line-height: 1.4; /* ИЗМЕНЕНО: новое свойство */
  border: none;
  background: transparent;
  color: #bdc3c7; /* ИЗМЕНЕНО: было white, стало #bdc3c7 */
  padding: 0;
}