@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic');
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' ... %3e"); /* стандартная иконка бутстрап-4 */
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.navbar-toggler {
  border: 1px solid #ad4ea5;
}
.navbar-nav .nav-link {
  border-radius: 12px;
  margin: 0 8px;
  color: #fff6fb !important;
  font-weight: bold;
  font-size: 1.09rem;
  transition: background 0.15s, color 0.15s;
  padding: 5px 18px;
  box-shadow: 0 1px 8px #ee76ca21;
  text-shadow: 0 1px 8px #ee76ca, 0 0 1px #fff8;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
  background: linear-gradient(90deg, #ee76ca44, #fff6fb22);
  color: #ad4ea5 !important;
  text-decoration: none;
}
.navbar-toggler {
  border-radius: 8px;
  background: #ee76ca33;
  border: none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(238,118,202,0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* === Начальные базовые стили и цвета === */

body {
  background: linear-gradient(135deg, #fff6fb 0%, #f8c6e3 100%);
  font-family: 'PT Sans', Arial, sans-serif;
  color: #70308d;
  font-size: 1.2rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

/* === Ссылки === */
a {
  color: #ee76ca;
  text-decoration: none;
  transition: color 0.14s ease, text-shadow 0.16s ease;
}

a:hover,
a:focus {
  color: #ad4ea5;
  text-shadow: 0 0 8px #ee76caaa;
  text-decoration: underline;
  outline: none;
}

/* === Шапка сайта и навигация === */

.navbar {
  background: linear-gradient(90deg, #f8c6e3 0%, #ee76ca 100%);
  box-shadow: 0 0 18px #ee76ca33;
  border-bottom: 2px solid #fff6fb;
  padding: 0.8rem 1rem;
  font-weight: bold;
}

.navbar-brand {
  font-family: 'Comic Sans MS', 'PT Sans', Arial, cursive;
  font-size: 2rem;
  color: #fff6fb !important;
  text-shadow: 0 1px 8px #ee76ca70, 0 0 1px #fff;
  letter-spacing: 2px;
  user-select: none;
}

.navbar-nav .nav-link {
  color: #fffafd !important;
  font-size: 1.1rem;
  text-shadow: 0 1px 5px #ee76ca55;
  transition: color 0.18s;
  padding: 0.5rem 1rem;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link {
  color: #ee76ca !important;
  background: #fff6fb33;
  border-radius: 7px;
}

/* === Контейнер основного контента === */

.container.layero {
  background: #fffafd;
  border-radius: 12px;
  box-shadow: 0 4px 42px -12px #ee76ca55;
  padding: 24px 16px;
  margin-top: 24px;
  min-height: 480px;
}

/* === Левое боковое меню === */

.left-side {
  background: linear-gradient(135deg, #fcdaee 78%, #f8c6e3 100%);
  border-radius: 18px;
  box-shadow: 0 4px 20px -7px #ee76ca35;
margin-top:20px;
  min-height: 420px;
  font-weight: bold;
  user-select: none;
}

.left-side ul {
  padding-left: 0;
  margin: 0;
}

.left-side li {
  list-style: none;
  margin-bottom: 14px;
}

.left-side a {
  color: #70308d;
  padding: 8px 14px;
  border-radius: 8px;
  transition: background 0.14s ease;
  font-weight: bold;
  text-decoration: none;
  display: block;
  font-size: 1.1rem;
}

.left-side a:hover,
.left-side a:focus {
  background: #ee76ca45;
  color: #ad4ea5;
  outline: none;
  text-decoration: none;
}

/* === Основной контент === */

.main-content, .col-md-9 {
  background: #fffafd;
  border-radius: 15px;
  box-shadow: 0 6px 32px -4px #cbe8fa30;
  padding: 2px 20px;
  min-height: 480px;
  color: #70308d;
  font-family: 'PT Sans', Arial, sans-serif;
  font-size: 1rem;
}

/* === Заголовки === */

h1, .h1 {
  color: #ee76ca;
  font-family: 'Comic Sans MS', 'PT Sans', Arial, cursive;
  text-shadow: 0 2px 10px #ee76ca40, 0 1px 1px #fff6fb;
  letter-spacing: 1px;
  font-size: 2.1rem;
  margin-bottom: 1rem;
  user-select: none;
}

h2, .h2 {
  color: #ad4ea5;
  font-family: 'PT Sans', Arial, sans-serif;
  text-shadow: 0 1px 8px #ee76ca40;
  margin-top: 1.6rem;
  user-select: none;
}

h3, .h3 {
  color: #70308d;
  font-family: 'Comic Sans MS', 'PT Sans', Arial, cursive;
  user-select: none;
}

h4, h5, h6 {
  color: #ee76ca;
  font-family: 'PT Sans', Arial, sans-serif;
  user-select: none;
}

/* === Хлебные крошки === */

.breadcrumb {
  background: #fcdaee;
  border-radius: 8px;
  font-size: 1rem;
  box-shadow: 0 1px 8px #ee76ca20;
  margin-bottom: 20px;
  font-family: 'PT Sans', Arial, sans-serif;
  padding: 0.4rem 0.8rem;
  user-select: none;
}

.breadcrumb-item {
  color: #70308d !important;
  transition: color 0.18s;
  cursor: pointer;
}

.breadcrumb-item:hover {
  color: #ee76ca !important;
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: #ee76ca !important;
  font-weight: 700;
  cursor: default;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #ad4ea5;
  content: "›";
  padding: 0 0.4rem;
  user-select: none;
}

/* === Поздравления: классы class1 до class9 с подложкой и всеми стилями === */

.class1, .class2, .class3, .class4, .class5, .class6, .class7, .class8, .class9 {
  margin-bottom: 18px;
  padding: 18px 20px;
  border-radius: 16px;
  font-size: 1.15rem;
  font-family: 'PT Sans', Arial, sans-serif;
  box-shadow: 0 2px 32px -8px #ee76ca25;
  border: 2px solid #fff6fb;
  color: #70308d;
  user-select: text;
  transition: box-shadow 0.3s ease;
}

/* Подложки и цветовая палитра для поздравлений */

.class1 { background: linear-gradient(90deg, #fff6fb 50%, #ee76ca15 100%); border-color: #ee76ca33;}
.class2 { background: linear-gradient(90deg, #f8c6e3 20%, #fffafd 100%); border-color: #ee76ca45;}
.class3 { background: linear-gradient(90deg, #fcdaee 70%, #fffafd 100%); border-color: #ee76ca33;}
.class4 { background: linear-gradient(90deg, #cbe8fa 60%, #fff6fb 100%); border-color: #ad4ea5;}
.class5 { background: linear-gradient(90deg, #e6ffd6 30%, #fffafd 100%); border-color: #ad4ea566;}
.class6 { background: linear-gradient(90deg, #ffebc9 65%, #fff6fb 100%); border-color: #ee76ca69;}
.class7 { background: linear-gradient(90deg, #f7e9fa 60%, #fcdaee 100%); border-color: #ad4ea540;}
.class8 { background: linear-gradient(90deg, #d2e2ff 30%, #fffafd 100%); border-color: #70308d29;}
.class9 { background: linear-gradient(90deg, #ffdeef 60%, #fff7fc 100%); border-color: #ee76ca40;}

/* Ховер-эффект для поздравлений */
.class1:hover,
.class2:hover,
.class3:hover,
.class4:hover,
.class5:hover,
.class6:hover,
.class7:hover,
.class8:hover,
.class9:hover {
  box-shadow: 0 6px 48px -6px #ee76ca55;
  cursor: pointer;
}

/* === Кнопки bootstrap, переиначенные под стиль нулевых === */

.btn {
  font-family: 'Comic Sans MS', 'PT Sans', Arial, cursive;
  font-weight: bold;
  border-radius: 12px;
  box-shadow: 0 2px 18px -3px #ee76ca22;
  border: none;
  padding: 0.7em 2em;
  transition: background 0.16s, color 0.12s;
  user-select: none;
}

/* Цвета кнопок с мягкими градиентами и легким блеском */

.btn-primary {
  background: linear-gradient(90deg, #ee76ca 68%, #ad4ea5 100%);
  color: #fffafd;
}

.btn-primary:hover,
.btn-primary:active {
  background: linear-gradient(90deg, #ad4ea5 40%, #ee76ca 100%);
  color: #fff6fb;
}

.btn-secondary {
  background: linear-gradient(90deg, #fcdaee 60%, #ee76ca 100%);
  color: #70308d;
}

.btn-secondary:hover {
  background: linear-gradient(90deg, #ee76ca 50%, #fcdaee 100%);
  color: #fff;
}

.btn-success {
  background: linear-gradient(90deg, #d4f7c3 60%, #ad4ea5 100%);
  color: #70308d;
}

.btn-success:hover {
  background: linear-gradient(90deg, #ad4ea5 30%, #d4f7c3 100%);
  color: #fff;
}

.btn-danger {
  background: linear-gradient(90deg, #ed7575 60%, #ee76ca 100%);
  color: #fff;
}

.btn-danger:hover {
  background: linear-gradient(90deg, #ee76ca 60%, #ed7575 100%);
  color: #fff;
}

.btn-warning {
  background: linear-gradient(90deg, #ffeac3 60%, #ee76ca 100%);
  color: #70308d;
}

.btn-warning:hover {
  background: linear-gradient(90deg, #ee76ca 50%, #ffeac3 100%);
  color: #fff;
}

.btn-info {
  background: linear-gradient(90deg, #cbe8fa 60%, #ee76ca 100%);
  color: #70308d;
}

.btn-info:hover {
  background: linear-gradient(90deg, #ee76ca 50%, #cbe8fa 100%);
  color: #fff;
}

.btn-light {
  background: linear-gradient(90deg, #fffafd 67%, #ee76ca15 100%);
  color: #70308d;
}

.btn-light:hover {
  background: linear-gradient(90deg, #fcdaee 80%, #fffafd 100%);
  color: #ad4ea5;
}

.btn-dark {
  background: linear-gradient(90deg, #70308d 70%, #ee76ca 100%);
  color: #fffafd;
}

.btn-dark:hover {
  background: linear-gradient(90deg, #ee76ca 60%, #70308d 100%);
  color: #fffafd;
}

/* Outline кнопки */
.btn-outline-primary {
  border: 2px solid #ee76ca !important;
  color: #ee76ca !important;
  background: transparent;
}

.btn-outline-primary:hover {
  background: #ee76ca;
  color: #fffafd !important;
}

.btn-outline-secondary {
  border: 2px solid #fcdaee !important;
  color: #70308d !important;
  background: transparent;
}

.btn-outline-secondary:hover {
  background: #fcdaee;
  color: #ad4ea5 !important;
}

/* === Футер === */

footer {

  color: #70308d;

  font-size: 1.05rem;

  text-align: center;
  box-shadow: 0 -2px 22px -12px #ee76ca22;
  user-select: none;
}

footer a {
  color: #ee76ca;
  text-decoration: none;
  font-weight: bold;
  margin: 0 4px;
  transition: color 0.2s ease;
}

footer a:hover {
  color: #ad4ea5;
  text-decoration: underline;
}

/* === Дополнительно можно добавить плавные переходы для интерактивных элементов === */

button,
input,
select,
textarea,
a {
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
}

/* === Конец CSS === */


.l1 {
color: #e73f26;
}
.l2 {
color: #fe9e35;
}
.l3 {
color: #fef72b;
}
.l4 {
color: #407706;
}
.l5 {
color: #e73f26;
}
.l6 {
color: #fe9e35;
}
.l7 {
color: #fef72b;
}
.l8 {
color: #407706;
}
.l9 {
color: #023be0;
}
.l10 {
color: #3a1a78;
}
.l11 {
color: #6f2f85;
}
.l12 {
color: #e73f26;
}
.kizu{list-style:none;padding:0}.kizu li{width:100%}.kizu a{text-decoration:none;align-items:center;border-bottom:3px dotted #b11683;padding-bottom:10px;position:relative;outline:0;margin-bottom:10px;display:flex;}.kizu a:hover {text-decoration:underline;}
.kizu li:last-child{margin:0;paading:0}
.kurmysh {
font-style:italic;
color: #e73f26;
text-shadow: 2px 2px 2px #CEC13D;
font-weight: bold;
}

.right-side {
background-color: #fde9cc;
border-left: 4px double black;
}
.class3 {
color: #b821bd;
font-style:italic;
}
.class2 {
color: #bd2121;
}
.class1 {
color: #4d40aa;
font-style:italic;
}
.class4 {
color: #000000;
}
.class5 {
color: #4b4a55;
}
.class6 {
color: #000000;
}
.class7 {
color: #188e6d;
font-style:italic;
}
.class8 {
color: #1a2cb9;
}
.class9 {
color: #000000;
}
.classique {

font-style:normal;
}

.party {

}

.brdered {

}
a.copy {
  all: unset;
  display: inline;
  cursor: pointer;
  color: #3477f5;
  padding: 3px 8px;
  border-radius: 4px;
  background: #eef4ff;
  font-size: 1rem;
  text-decoration: none;
  font-family: inherit;
  transition: background 0.2s;
}

a.copy:hover {
  background: #dde8fc;
  color: #1956c5;
  text-decoration: underline;
}

.layero {
  background-color: #ffffff;



}
.bikq {
text-shadow: 0px -1px 0px rgb(255, 255, 255);
}
.right-column {
  border-left: #e9e6f0 1px solid;
}
.footer-wrapper {
background: #febbbb;
background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
border-bottom: 4px double black;
border-left: 4px double black;
border-right: 4px double black;
}
.tagcloud01 ul{margin:0;padding:0;list-style:none}.tagcloud01 ul li{display:inline-block;margin:0 .3em .3em 0;padding:0}.tagcloud01 ul li a{display:inline-block;max-width:150px;height:30px;line-height:30px;padding:0 1em;background-color:#fff;border:1px solid #ddd;border-radius:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;text-decoration:none;-webkit-transition:.2s;transition:.2s}.tagcloud01 ul li a:hover{border:1px solid #ddd;}.activeg{color:#404040;cursor:none;}.activeg:hover{color:#404040;cursor:text;}.pozd{text-align:center}.hr-shelf{margin:30px auto 20px;padding:0;height:0;border:none;border-top:2px dotted #ee547b;width:40%}.filter-type{text-align:right;font-size:16px;margin-top:15px;margin-bottom:20px;}@media (max-width: 640px) {.filter-type{text-align:center;font-size:15px;}.hr-shelf{width:70%;}}
.copy {
font-weight:bold;
cursor:pointer;
}
@media only screen and (max-width: 575px) {
.left-side {
border:none;
}
.right-side {
border:none;
}
.h1, h1 {
    font-size: 1.4rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h2, h2 {
    font-size: 1.2rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h3, h3 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h4, h4 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h5, h5 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
}
.navbar {
padding: .2rem 1rem;
}
}