ss14_chemistry_site/assets/style.css

/* Общая характеристика */
body {
	background-color: #242829;
}

/* Заморочная настройка переключателей */
.Select {
	background-color: rgb(27, 29, 30);
	color: #fff;
}
.Select-input > input {
	color: #fff;
}
.Select .Select-value {
	background-color: rgb(27, 29, 30);
}
.Select-control {
  background-color: rgb(25, 25, 25) !important;
	color: #fff;
	font-family: 'Mulish', sans-serif;
}
.Select-menu-outer {
	background-color: rgb(27, 29, 30);
	color: #fff;
	border-radius: 10;
}
.has-value.Select--single>.Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{
	color: white;
}

.Select-value {
	font-family: 'Mulish', sans-serif;
}
.Select-placeholder {
	font-family: 'Mulish', sans-serif;
}


/* Верхняя панель */
.panel {
	background-color: #161819;
	margin: -8px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

/* Иконка + текст слева в панели */
.img_text_panel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1;
}

/* Кнопки социалок */
.soc_buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1;
	justify-content: center;
	gap: 10px;
}


/* Div для социалок */
.socials {
  background-color: #2e4ebf;
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  padding-left: 1%;
  padding-right: 4%;
	align-items: center;
	height: 60%;
	max-height: 35px;
}
/* Текст социалок */
.soc_text {
  color: white;
  text-decoration: auto;
  padding-left: 8%;
	font-size: 1rem;
	font-family: 'Mulish', sans-serif;
}