/*!******************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/style.scss ***!
  \******************************************************************************************************************************************************/
@charset "UTF-8";
/*********************
Global
*********************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::-moz-selection {
  /* псевдокласс выделения */
  color: #fff;
  background-color: #2B7DED;
}

::selection {
  /* псевдокласс выделения */
  color: #fff;
  background-color: #2B7DED;
}

/* font*/
html {
  font-family: "Segoe UI", "SegoeUI", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  scroll-behavior: smooth;
}

@media (max-width: 992px) {
  html {
    font-size: 1rem;
  }
}
@media (max-width: 580px) {
  html {
    font-size: 0.8rem;
  }
}
body {
  margin: 0;
  padding: 0;
}

/* Конец Global */
/*********************
Page
*********************/
/* глобальные константы */
:root {
  --num-desktop: 1440;
  --num-tablet: 600px;
  --num-mobile: 300px;
}

/* правила для всех страниц */
.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px;
  padding-top: 88px;
  min-height: 100vh;
  min-width: 400px;
}

@media (max-width: 580px) {
  .page {
    padding-top: 0;
  }
}
/*---------------*/
.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

a,
a:visited {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #555;
}

a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #865;
  cursor: pointer;
}

h1 {
  margin: 10px 0;
  text-align: center;
}

p {
  margin: 1rem 0 0 0;
}

li {
  margin: 0.5rem 0 0 0;
}

.border {
  border: 1px solid #333;
}

.none {
  display: none;
}

/* details*/
details {
  margin-bottom: 0;
  padding-bottom: 0;
}

details[open] {
  padding-left: 20px;
  border-left: 2px solid #333;
}

details summary {
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 700;
  cursor: pointer;
}

/* pre*/
pre,
code {
  display: block;
  margin: 0.5em;
  padding: 0.5em;
  color: #005588;
  background-color: #f5f2f0;
  overflow-x: auto;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.code-inline {
  display: inline;
  margin: 0;
  padding: 0;
}

.pre_function {
  color: #DD4A68;
}

.pre_keyword {
  color: #07a;
}

/* showhide*/
.showhide__h {
  cursor: pointer;
}

/* Конец Page */
.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

/****************
Фоновые цвета
****************/
/* переменные для цветов */
:root {
  --red: #dc143c;
  --red-dark: #b01030;
  --red-light: #ee3e61;
  --sand: #e2946f;
  --sand-dark: #e2946f;
  --sand-light: #e8a98b;
  --yellow: #f0b200;
  --yellow-dark: #795b16;
  --yellow-light: #ffcc20;
  --olive: #808000;
  --olive-dark: #585806;
  --olive-light: #bebe23;
  --green: #008000;
  --green-dark: #006600;
  --green-light: #00a000;
  --dodgerblue: #1e90ff;
  --dodgerblue-dark: #0074e4;
  --dodgerblue-light: #65b3ff;
  --blue: #0000ff;
  --blue-dark: #0000ff;
  --blue-light: #0088ff;
  --brown: #8B4513;
  --brown-dark: #8B4513;
  --brown-light: #c08457;
  --bg-dark1: #222;
  --txt-dark1: #222;
  --silver: #c0c0c0;
  --silver-dark: #A9A9A9;
  --silver-light: #D3D3D3;
}

/* красный */
.page_red {
  background-color: #b01030;
  background-color: var(--red-dark);
}

.page_red .nav a.active,
.page_red .nav a:hover,
.page_red aside a.active,
.page_red aside a:hover,
.page_red .columns h3,
.page_red .list h3,
li.red {
  background-color: #ee3e61;
  background-color: var(--red-light);
}

.page_red .list h2 {
  background-color: #dc143c;
  background-color: var(--red);
}

/* красный */
/* песочный*/
.page_sand {
  background-color: #e2946f;
  background-color: var(--sand-dark);
}

.page_sand .nav a.active,
.page_sand .nav a:hover,
.page_sand aside a.active,
.page_sand aside a:hover,
.page_sand .columns h3,
.page_sand .list h3 {
  background-color: #e8a98b;
  background-color: var(--sand-light);
}

.page_sand .list h2 {
  background-color: #e2946f;
  background-color: var(--sand);
}

/* песочный */
/* желтый */
.page_yellow {
  background-color: #795b16;
  background-color: var(--yellow-dark);
}

.page_yellow .nav a.active,
.page_yellow .nav a:hover,
.page_yellow aside a:hover,
.page_yellow aside a.active,
.page_yellow .columns h3,
.page_yellow .list h3,
li.yellow {
  background-color: #ffcc20;
  background-color: var(--yellow-light);
}

.page_yellow .list h2 {
  background-color: #f0b200;
  background-color: var(--yellow);
}

/* желтый */
/* оливковый */
.page_olive {
  background-color: #585806;
  background-color: var(--olive-dark);
}

.page_olive .nav a.active,
.page_olive .nav a:hover,
.page_olive aside a:hover,
.page_olive aside a.active,
.page_olive .columns h3,
.page_olive .list h3,
li.olive {
  background-color: #bebe23;
  background-color: var(--olive-light);
}

.page_olive .list h2 {
  background-color: #808000;
  background-color: var(--olive);
}

/* оливковый */
/* зеленый */
.page_green {
  background-color: #006600;
  background-color: var(--green-dark);
}

.page_green .nav a.active,
.page_green .nav a:hover,
.page_green aside a.active,
.page_green aside a:hover,
.page_green .columns h3,
.page_green .list h3,
li.green {
  background-color: #00a000;
  background-color: var(--green-light);
}

.page_green .list h2 {
  background-color: #008000;
  background-color: var(--green);
}

/* зеленый */
/* dodgerblue защитно-синий */
.page_dodgerblue {
  background-color: #0074e4;
  background-color: var(--dodgerblue-dark);
}

.page_dodgerblue .nav a.active,
.page_dodgerblue .nav a:hover,
.page_dodgerblue aside a.active,
.page_dodgerblue aside a:hover,
.page_dodgerblue .columns h3,
.page_dodgerblue .list h3,
li.dodgerblue {
  background-color: #65b3ff;
  background-color: var(--dodgerblue-light);
}

.page_dodgerblue .list h2 {
  background-color: #1e90ff;
  background-color: var(--dodgerblue);
}

/* dodgerblue защитно-синий */
/* синий */
.page_blue {
  background-color: #0000ff;
  background-color: var(--blue-dark);
  /* синий цвет */
}

.page_blue .nav a.active,
.page_blue .nav a:hover,
.page_blue aside a.active,
.page_blue aside a:hover,
.page_blue .columns h3,
.page_blue .list h3,
.li_blue {
  background-color: #0088ff;
  background-color: var(--blue-light);
  /* светло-синий цвет */
}

.page_blue .list h2 {
  background-color: #0000ff;
  background-color: var(--blue);
}

/* синий */
/* коричневый */
.page_brown {
  background-color: #8B4513;
  background-color: var(--brown-dark);
  /* темно-коричневый цвет */
}

.page_brown .nav a.active,
.page_brown .nav a:hover,
.page_brown aside a.active,
.page_brown aside a:hover,
.page_brown .columns h3,
.page_brown .list h3,
.li_brown {
  background-color: #c08457;
  background-color: var(--brown-light);
  /* светло-коричневый цвет */
}

.page_brown .list h2 {
  background-color: #8B4513;
  background-color: var(--brown);
  /* коричневый цвет */
}

/* коричневый */
/* серебряный */
.page_silver {
  background-color: #A9A9A9;
  background-color: var(--silver-dark);
  /* темно-серебряный цвет */
}

.page_silver .nav a.active,
.page_silver .nav a:hover,
.page_silver aside a.active,
.page_silver aside a:hover,
.page_silver .columns h3,
.page_silver .list h3,
.li_silver {
  background-color: #D3D3D3;
  background-color: var(--silver-light);
  /* светло-серебряный цвет */
}

.page_silver .list h2 {
  background-color: #c0c0c0;
  background-color: var(--silver);
  /* серебряный цвет */
}

/* серебряный */
/* Конец - Фоновые цвета */
/*********************
nav
*********************/
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 10px 0;
  padding: 10px 0;
  text-align: center;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px #222;
          box-shadow: 4px 6px #222;
  /* тень на 4px вправо и 6px вниз */
}
.nav a {
  padding: 10px;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px #222;
          box-shadow: 4px 6px #222;
}
.nav a:hover {
  -webkit-animation: vert 1.5s linear infinite;
          animation: vert 1.5s linear infinite;
}

#main-nav {
  margin-bottom: 10px;
}

@media (max-width: 580px) {
  .nav {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .nav a {
    padding: 5px;
    border: 1px solid white;
    border-radius: 5px;
    -webkit-box-shadow: 4px 6px #222;
            box-shadow: 4px 6px #222;
  }
}
nav-component .nav a:hover {
  -webkit-animation: pulse 1.5s linear infinite;
          animation: pulse 1.5s linear infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes vert {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes vert {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* Конец Nav */
/*********************
Aside
*********************/
.aside {
  min-width: 180px;
  background: none;
  /* Стилизация ссылок левого меню */
}
.aside a {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 1rem;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
}
.aside a:hover {
  -webkit-animation: horiz 1.5s linear infinite;
          animation: horiz 1.5s linear infinite;
}

@media (max-width: 800px) {
  .aside {
    min-width: 132px;
    max-width: 100%;
  }
  .aside a {
    padding: 5px;
    border: 1px solid white;
    border-radius: 5px;
    font-size: 0.8rem;
  }
}
@media (max-width: 580px) {
  .aside a {
    font-size: 1rem;
  }
}
@-webkit-keyframes horiz {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes horiz {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* Конец Aside */
/*********************
Columns
*********************/
.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.columns .columns__item {
  padding: 10px;
  width: 320px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  vertical-align: top;
  text-align: left;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
}
.columns .columns__item h3 {
  margin: 10px 0;
  padding: 5px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
}
.columns .columns__item ul {
  margin: 0;
  padding: 0;
}
.columns .columns__item li {
  margin: 5px 0;
  padding: 5px;
  list-style: none;
  border-radius: 10px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
}
.columns .columns__item li:nth-child(odd) {
  background-color: antiquewhite;
}
.columns .columns__item li:nth-child(even) {
  background-color: #f8d6a9;
}
.columns .columns__item li.over {
  background-color: #af8650;
}

@media (min-width: 1000px) {
  .columns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 1400px) {
  .columns__item {
    width: 440px;
  }
}
/* Конец Columns */
/*********************
List
*********************/
.list {
  padding: 10px;
  width: 100%;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
  /* тень на 4px вправо и 6px вниз */
}
.list h2 {
  margin: 10px;
  padding: 5px;
  border-radius: 10px;
  text-align: center;
}
.list h3 {
  margin: 10px;
  padding: 5px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
}
.list ol, .list ul {
  padding: 0;
}
.list ol > li {
  list-style-position: inside;
}
.list ul > li {
  list-style: none;
}
.list li {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
}
.list li:nth-child(odd) {
  background-color: antiquewhite;
}
.list li:nth-child(even) {
  background-color: #f8d6a9;
}
.list li.over {
  background-color: #af8650;
}
.list li p {
  padding: 5px 0;
}

/*********************
Article
*********************/
/* для статьи на странице*/
.article {
  margin: 10px;
  padding: 10px;
  border-radius: 20px;
  background-color: antiquewhite;
}
.article h3 {
  margin: 5px;
  padding: 5px;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.article a {
  font-weight: bold;
}

/* оглавление страницы со ссылками на статьи идет в самом начале */
.article__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin: 10px;
  padding: 10px;
  border-radius: 20px;
  background-color: tan;
}
.article__contents div {
  padding: 10px;
  border: 1px solid white;
  border-radius: 5px;
}
.article__contents p {
  line-height: 20px;
}
.article__contents a {
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #222;
}
.article__contents a, .article__contents a:visited {
  color: #222;
}
.article__contents a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.article__contents ol {
  padding-left: 20px;
}

.contents__link {
  margin: 10px;
  padding: 10px;
  min-width: 70px;
  border: 1px solid white;
  border-radius: 20px;
  background-color: antiquewhite;
}

.anchor {
  margin-top: -95px;
  padding-top: 95px;
}

/* /Справочник по HTML тегам */
/*********************
Content
*********************/
.content {
  padding: 10px;
  width: 100%;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
  /* тень на 4px вправо и 6px вниз */
}

.content h2 {
  margin: 10px;
  padding: 5px;
  border-radius: 10px;
  text-align: center;
}

.content .article h2 {
  margin: 10px 0;
  text-align: left;
  background-color: transparent;
}

.content__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*для основных ссылок*/
.content__menu-link {
  margin: 10px;
  padding: 10px;
  border: 5px solid white;
  border-radius: 10px;
  background-color: antiquewhite;
  cursor: pointer;
}

.content__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content__order {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

/*для вложенных ссылок*/
.content1__menu-link {
  margin: 10px;
  padding: 10px;
  border: 5px solid white;
  border-radius: 10px;
  background-color: antiquewhite;
  cursor: pointer;
}

.content1__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content1__order {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

/* eng*/
.eng,
.rus {
  display: block;
  padding: 1em;
  background-color: #f5f2f0;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

@media (max-width: 580px) {
  .content {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .content ol > li, .content ul > li {
    margin: 0 0 10px 0;
    border-radius: 5px;
  }
}
/* Конец Content */
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/components/Main/Main.component.scss ***!
  \*******************************************************************************************************************************************************************************/
@charset "UTF-8";
/*********************
MAIN
*********************/
.main__aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

@media (max-width: 580px) {
  .main__aside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
main,
.main {
  margin-bottom: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 320px;
  vertical-align: top;
}

/* Конец Main */
.btn-back {
  display: inline-block;
  margin: 10px;
  padding: 5px 20px;
  font-size: 20px;
  cursor: pointer;
  color: #afa;
  border: 2px #afa solid;
  border-radius: 10px;
  background-color: #2a2;
}

.btn-back:hover {
  background-color: #6a6;
  -webkit-animation: horiz 1.5s linear infinite;
          animation: horiz 1.5s linear infinite;
}

.certificate {
  width: 100%;
}

@-webkit-keyframes horiz {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes horiz {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/components/Header/Header.component.scss ***!
  \***********************************************************************************************************************************************************************************/
@charset "UTF-8";
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media (max-width: 580px) {
  .header-fixed {
    position: static;
  }
}
.header {
  margin: 0;
  padding: 0;
}

/*********************
header__1
*********************/
.header__1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0 10px;
  font-family: monospace, sans-serif;
}

@media (max-width: 580px) {
  .header__1 {
    gap: 10px;
    max-width: 90vw;
  }
  .header__logo {
    text-align: center;
  }
  .header__nav {
    text-align: center;
  }
}
/*---------------*/
.header__logo {
  display: block;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: white;
}

.header__nav {
  font-size: 20px;
}

.header__nav a {
  margin-left: 5px;
  padding-bottom: 3px;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.header__nav a.active,
.header__nav a:hover {
  border-bottom: 3px solid white;
}

/* Конец header__1 */
/*********************
header__2
*********************/
.header__2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5px 10px;
}

@media (max-width: 580px) {
  .header__2 {
    gap: 20px;
    max-width: 90vw;
  }
}
/*---------------*/
/* Конец header__2 */
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/components/Header/search-form/_search-form.scss ***!
  \*******************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*********************
search-form
*********************/
.search-google {
  text-align: center;
  padding: 10px 0;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px #222;
          box-shadow: 4px 6px #222;
  /* тень на 4px вправо и 6px вниз */
}

.search-google input[type=text] {
  margin-bottom: 10px;
  max-width: 800px;
  width: 90%;
  border-radius: 5px;
}

/* Конец search-form */
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/components/Header/social-icons/_social-icons.scss ***!
  \*********************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*********************
_social-icons.scss
*********************/
.social__icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  border-radius: 4px;
}

@media (max-width: 580px) {
  .social {
    text-align: center;
  }
}
/*---------------*/
.social a:hover {
  opacity: 0.6;
}

.social__icon_vk {
  background-color: #4680c2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M19.623 7.66c.12-.372 0-.643-.525-.643h-1.745c-.44 0-.644.237-.763.491 0 0-.898 2.17-2.152 3.576-.406.406-.593.542-.813.542-.119 0-.271-.136-.271-.508V7.644c0-.44-.136-.644-.509-.644H10.1c-.27 0-.44.203-.44.407 0 .423.627.525.694 1.711v2.576c0 .559-.101.66-.322.66-.593 0-2.033-2.185-2.897-4.676-.17-.492-.339-.678-.78-.678H4.593C4.085 7 4 7.237 4 7.491c0 .458.593 2.762 2.762 5.813 1.44 2.084 3.49 3.202 5.338 3.202 1.118 0 1.254-.254 1.254-.678v-1.575c0-.509.101-.594.457-.594.254 0 .712.136 1.746 1.136 1.186 1.186 1.39 1.728 2.05 1.728h1.745c.509 0 .746-.254.61-.745-.152-.492-.728-1.203-1.474-2.05-.407-.475-1.017-1-1.203-1.255-.254-.339-.186-.474 0-.78-.017 0 2.118-3.015 2.338-4.032%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.social__icon_wa {
  background-color: #65bc54;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 11.794c0 4.304-3.517 7.794-7.855 7.794a7.87 7.87 0 01-3.796-.97L4 20l1.418-4.182a7.714 7.714 0 01-1.127-4.024C4.29 7.489 7.807 4 12.145 4S20 7.49 20 11.794zm-7.855-6.553c-3.641 0-6.603 2.94-6.603 6.553A6.48 6.48 0 006.8 15.636l-.825 2.433 2.537-.806a6.6 6.6 0 003.633 1.084c3.642 0 6.604-2.94 6.604-6.553s-2.962-6.553-6.604-6.553zm3.967 8.348c-.049-.08-.177-.128-.37-.223-.192-.095-1.139-.558-1.315-.621-.177-.064-.305-.096-.434.095a10.92 10.92 0 01-.61.749c-.112.128-.224.143-.416.048-.193-.096-.813-.297-1.549-.948a5.76 5.76 0 01-1.07-1.323c-.113-.191-.013-.295.084-.39.086-.086.192-.223.289-.334.096-.112.128-.191.192-.319s.032-.239-.016-.335c-.048-.095-.433-1.035-.594-1.418-.16-.382-.32-.318-.433-.318-.112 0-.24-.016-.369-.016a.71.71 0 00-.513.239c-.177.19-.674.653-.674 1.593s.69 1.848.786 1.976c.096.127 1.332 2.119 3.289 2.884 1.958.764 1.958.51 2.31.477.353-.031 1.14-.461 1.3-.908.16-.446.16-.829.113-.908z%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.social__icon_tg {
  background-color: #64a9dc;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
}

.social__icon_dc {
  background-image: url(assets/discord.svg);
  background-repeat: no-repeat;
  background-color: #fff;
}

.social__icon_github {
  margin-top: -1px;
  width: 27px;
  height: 27px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cg%3E%3Cpath d=%27M432.8,31H79.2C52.6,31,31,52.6,31,79.2v353.6c0,26.6,21.6,48.2,48.2,48.2h353.6c26.6,0,48.2-21.6,48.2-48.2V79.2 C481,52.6,459.4,31,432.8,31z M309.5,416.4c-8.4,1.5-11.6-3.7-11.6-8c0-5.4,0.2-33.1,0.2-55.5c0-15.7-5.2-25.6-11.4-30.8 c37.2-4.1,76.3-9.2,76.3-73.4c0-18.3-6.5-27.4-17.2-39.2c1.7-4.3,7.4-22.1-1.7-45.2c-14-4.3-45.9,18-45.9,18 c-13.3-3.7-27.6-5.6-41.8-5.6c-14.2,0-28.5,1.9-41.8,5.6c0,0-31.9-22.3-45.9-18c-9.1,23-3.5,40.8-1.7,45.2 c-10.6,11.8-15.7,20.9-15.7,39.2c0,63.9,37.5,69.3,74.6,73.4c-4.8,4.3-9.1,11.8-10.6,22.4c-9.5,4.3-34,11.8-48.5-14 c-9.1-15.9-25.6-17.2-25.6-17.2c-16.3-0.2-1.1,10.2-1.1,10.2c10.8,5,18.5,24.3,18.5,24.3c9.7,29.8,56.4,19.8,56.4,19.8 c0,14,0.2,36.7,0.2,40.8c0,4.3-3,9.5-11.6,8c-66.3-22.2-112.7-85.3-112.7-159c0-92.2,70.5-162.2,162.7-162.2s166.9,70,166.9,162.2 C420.8,331.1,375.8,394.3,309.5,416.4z M211,355c-1.9,0.4-3.7-0.4-3.9-1.7c-0.2-1.5,1.1-2.8,3-3.2c1.9-0.2,3.7,0.6,3.9,1.9 C214.3,353.3,213,354.6,211,355L211,355z M201.5,354.1c0,1.3-1.5,2.4-3.5,2.4c-2.2,0.2-3.7-0.9-3.7-2.4c0-1.3,1.5-2.4,3.5-2.4 C199.6,351.5,201.5,352.6,201.5,354.1z M187.7,353c-0.4,1.3-2.4,1.9-4.1,1.3c-1.9-0.4-3.2-1.9-2.8-3.2c0.4-1.3,2.4-1.9,4.1-1.5 C186.9,350.2,188.2,351.7,187.7,353L187.7,353z M175.3,347.6c-0.9,1.1-2.8,0.9-4.3-0.6c-1.5-1.3-1.9-3.2-0.9-4.1 c0.9-1.1,2.8-0.9,4.3,0.6C175.7,344.8,176.2,346.8,175.3,347.6z M166.2,338.5c-0.9,0.6-2.6,0-3.7-1.5c-1.1-1.5-1.1-3.2,0-3.9 c1.1-0.9,2.8-0.2,3.7,1.3C167.3,335.9,167.3,337.7,166.2,338.5z M159.7,328.7c-0.9,0.9-2.4,0.4-3.5-0.6c-1.1-1.3-1.3-2.8-0.4-3.5 c0.9-0.9,2.4-0.4,3.5,0.6C160.4,326.5,160.6,328,159.7,328.7z M152.9,321.3c-0.4,0.9-1.7,1.1-2.8,0.4c-1.3-0.6-1.9-1.7-1.5-2.6 c0.4-0.6,1.5-0.9,2.8-0.4C152.7,319.4,153.3,320.5,152.9,321.3z%27/%3E%3C/g%3E%3C/svg%3E%0A");
}

.social__icon_cw {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724px%27 height=%2724px%27 viewBox=%270 0 24 24%27 role=%27img%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3ECodewars icon%3C/title%3E%3Cpath fill=%27%23b1361e%27 d=%27M.76 12.2l-.08-.04c-.18-.1-.32-.25-.42-.44-.14-.26-.2-.5-.2-.75l.02-.13c0-.2.05-.38.14-.55l.08-.15c.04-.08.1-.15.15-.22.06-.07.07-.16.05-.24l-.05-.16c-.06-.2-.1-.4-.1-.6L.32 8.8c0-.22.06-.44.2-.6l.1-.13c.07-.1.18-.16.3-.2.1-.03.17-.13.18-.25l.02-.34c0-.27.13-.52.33-.7l.24-.18c.05-.05.1-.1.14-.18.05-.06.06-.14.05-.2-.02-.1 0-.13.05-.14.16.06.26.04.33-.04l.13-.17.36-.4c.1-.1.14-.28.08-.42l-.12-.26c-.02-.06 0-.13.05-.15.13 0 .22.05.26.13l.04.07c.06.12.2.18.3.13.22-.08.4-.1.57-.1h.32c.22 0 .4-.15.44-.38.04-.28.14-.5.28-.65.15-.17.32-.3.52-.4.26-.14.42-.34.47-.6.07-.32.24-.55.47-.7l.76-.43.22-.13c.13-.08.25-.18.35-.3l.2-.24c.1-.1.2-.17.32-.2.1-.03.24-.05.36-.04l.4.03c.2 0 .36.05.52.12l.1.05c.1.04.2.02.25-.05L10 .7l.43-.45c.1-.1.22-.14.35-.12.13.02.26.07.38.13.18.1.33.14.5.14h.1c.22 0 .44.03.66.08l.15.04c.15.04.3-.02.4-.14.03-.05.1-.06.14-.02.03.02.04.04.05.07.02.2.14.35.3.4l.16.05c.17.05.32.16.42.3.1.15.22.3.36.4l.1.1c.1.1.24.14.38.13h.59c.24 0 .47.04.7.14.22.1.45.12.66.04.22-.07.45-.1.68-.07l.43.07c.2.02.4.12.52.27l.05.05c.1.1.2.23.3.37.06.13.2.2.34.2h.62c.15 0 .3.03.42.1.13.1.24.2.34.3l.1.13c.12.14.18.33.17.53 0 .16.12.3.28.3l.2.02c.14 0 .26.1.33.23l.1.2.26.58c.04.1.05.2.04.28 0 .1.03.18.1.22l.1.07c.13.1.2.25.18.42l-.07.47-.02.2c-.02.1.03.23.12.3.15.1.22.23.23.38v.2c0 .1-.02.22-.1.3-.06.08-.1.18-.1.3l.03.23c0 .16.1.3.2.4.14.1.22.26.24.42.04.25.05.45.05.65v.23c0 .08 0 .16.03.24.02.07.07.14.13.18l.2.15c.2.13.34.3.42.53.1.22.13.45.13.68v.08c0 .18-.02.37-.08.54-.05.18-.04.35.03.5.08.14.13.3.15.47.04.2.02.4-.05.56l-.02.07c-.05.12-.13.23-.23.32-.1.1-.2.16-.26.23-.06.06-.1.16-.07.25l.03.14c.05.2.05.4 0 .58v.08c-.04.15-.1.28-.16.4-.07.13-.17.23-.3.3l-.15.1c-.07.04-.12.13-.12.22 0 .1-.04.2-.1.26l-.15.2c-.1.13-.23.24-.37.3-.14.1-.26.2-.35.3-.1.12-.18.26-.22.4-.04.18-.18.28-.33.28h-.54c-.14 0-.27.1-.33.22-.07.16-.14.27-.23.37-.1.1-.16.22-.2.36-.02.12-.12.2-.22.16-.13-.06-.26 0-.32.1-.12.2-.24.35-.37.48l-.07.06c-.13.1-.3.18-.45.18-.18 0-.27.08-.3.2-.03.1-.05.23-.06.34-.02.12-.06.23-.1.33l-.05.06c-.1.15-.18.3-.28.43l-.04.06c-.13.17-.3.3-.5.35-.24.08-.45.1-.66.1h-.14c-.1 0-.2.06-.27.16l-.06.1-.06.12-.13.22c-.1.18-.25.3-.45.36-.2.05-.43.07-.64.06l-.16-.02c-.14 0-.27-.04-.4-.1-.1-.04-.24 0-.3.1-.1.14-.22.22-.35.26l-.3.1c-.2.05-.42.05-.63 0l-.16-.05c-.1 0-.2-.05-.28-.1-.1-.05-.2-.07-.3-.06l-.13.02c-.2.02-.38 0-.56-.05l-.27-.06c-.12-.04-.23-.12-.3-.23-.05-.1-.16-.18-.3-.2H9.9c-.2-.03-.38-.1-.5-.25L9 22.5l-.14-.12-.22-.16-.13-.1c-.15-.1-.33-.18-.52-.2l-.6-.1c-.06 0-.1-.02-.16-.03L7 21.74c-.1-.02-.2-.1-.27-.2-.06-.1-.17-.14-.27-.1-.2.08-.36.1-.52.13H5.8c-.26.02-.5-.02-.74-.13-.24-.1-.4-.25-.55-.44-.12-.17-.3-.3-.52-.34l-.28-.06c-.2-.04-.4-.12-.58-.24-.2-.14-.3-.27-.38-.43-.08-.15-.13-.32-.14-.5v-.08c-.02-.2-.16-.38-.35-.43-.23-.07-.4-.17-.55-.3-.14-.13-.22-.32-.22-.52l.02-.44c0-.17-.05-.32-.17-.43-.12-.12-.2-.27-.2-.43l-.03-.36c-.02-.26-.07-.52-.13-.78-.06-.23.03-.46.22-.57l.07-.05c.1-.07.14-.2.08-.32l-.08-.1c-.1-.1-.2-.17-.3-.2-.08-.02-.1-.1-.1-.15l.1-.12c.06-.07.05-.18 0-.24-.08-.08-.12-.18-.13-.28l-.02-.7c0-.14.02-.28.06-.42.04-.12 0-.26-.12-.32zm9.9-1.32c.07-.07.06-.2 0-.25-.1-.08-.17-.17-.23-.27l-.1-.16c-.07-.13-.16-.24-.26-.34l-.02-.02c-.1-.08-.17-.18-.23-.3-.05-.1-.05-.2 0-.3l.06-.1c.06-.1.1-.24.1-.36v-.04c0-.1-.04-.2-.1-.3-.04-.08-.08-.18-.1-.28V8.1c-.03-.12 0-.25.08-.35.08-.13.14-.25.17-.4v-.02c.04-.1.02-.23-.04-.33s-.08-.2-.04-.32l.07-.2c.06-.18.15-.34.27-.48l.14-.15.1-.12.06-.06c.06-.06.07-.16.02-.24-.05-.1-.08-.2-.06-.3l.02-.14c.03-.2.1-.4.23-.56l.04-.04c.15-.2.34-.33.56-.4l.27-.1c.12-.04.2-.17.2-.3 0-.16.05-.3.14-.43l.05-.05c.1-.17.22-.34.3-.52l.07-.13c.02-.03.03-.07.03-.1 0-.17-.1-.32-.26-.33L11.76 2c-.25-.02-.5 0-.74 0l-.85.1c-.13 0-.23.1-.24.24 0 .14-.1.26-.22.3l-.36.1-.1.03-.3.1c-.22.07-.4.23-.5.45l-.08.13c-.1.22-.27.4-.48.53-.2.13-.3.34-.32.58v.1c-.02.2-.08.4-.2.54l-.05.08c-.08.1-.1.23-.05.34.05.12.08.25.07.38v.53c0 .14-.1.26-.2.3-.14.05-.23.16-.27.3l-.05.2c-.04.2.03.4.2.52.16.12.26.3.3.52v.18c.03.2.14.4.32.5.18.12.32.3.4.5l.05.16c.08.22.26.35.46.37h.06c.18 0 .34.1.44.26.1.16.26.27.44.3l.28.08c.17.05.33.14.46.27l.02.02c.1.08.26.07.35-.04l.07-.08zm1.14-.92c.1.06.2.03.24-.06l.03-.05c.07-.14.16-.28.26-.4l.2-.3c.03 0 .04-.02.05-.04l.24-.32c.1-.1.22-.17.36-.17.13 0 .24-.07.3-.2.04-.14.1-.27.22-.38l.05-.06c.1-.1.2-.15.3-.2.13-.02.25-.04.37-.04h.3c.12 0 .22-.05.28-.15.06-.1.15-.17.25-.22l.1-.04c.16-.07.34-.12.52-.14l.2-.02c.12 0 .25 0 .37.07.1.07.23.06.33-.02l.07-.04c.15-.1.32-.18.5-.2h.02c.2-.04.38-.04.58-.03h.1c.2.03.37.1.5.25l.03.04c.1.1.26.18.4.18h.17c.05 0 .1-.02.13-.07.03-.03.08-.06.13-.06h.1c.14 0 .27.04.4.08l.17.07c.16.05.33.1.5.12h.12c.08 0 .13-.05.13-.12 0-.1-.02-.2-.07-.28L20.68 7c-.08-.13-.14-.27-.2-.4l-.02-.05c-.05-.1-.05-.2 0-.3V6.2c.02-.08-.02-.17-.1-.2L20.28 6c-.16-.05-.3-.14-.4-.27l-.1-.1c-.1-.1-.16-.25-.2-.4-.05-.13-.16-.23-.3-.23h-.42c-.15-.02-.28-.1-.37-.22l-.04-.05c-.07-.1-.13-.22-.17-.34-.05-.1-.16-.16-.26-.13l-.12.04c-.2.07-.4.1-.6.08l-.16-.02c-.17 0-.33-.07-.46-.17l-.1-.07c-.08-.06-.16-.1-.25-.14-.1-.04-.18-.02-.24.05l-.05.06c-.1.1-.24.18-.38.2l-.54.03c-.1 0-.2.05-.27.12-.08.07-.17.12-.27.14h-.02c-.1 0-.2.07-.3.14v.02c-.1.1-.23.15-.36.15l-.04.02c-.12 0-.24 0-.36.03h-.12c-.17.03-.3.17-.34.35l-.04.23c-.03.16-.1.3-.2.43-.1.12-.22.2-.37.2h-.15-.02c-.1.02-.2.13-.18.25.02.17 0 .32-.03.47l-.04.17c-.04.15-.14.27-.27.32l-.06.03h-.02c-.06.04-.1.13-.05.2.06.1.08.2.07.3l-.03.32c0 .12-.05.23-.1.33-.06.1-.06.2-.02.3l.1.22c.05.1.06.2.03.32-.03.1-.05.2-.04.3 0 .1.06.2.14.24l.02.02zm7.9 7.23c.1.1.25.14.37.06l.2-.13c.1-.07.18-.17.22-.3v-.02l.1-.3.06-.1.04-.1.04-.07c.04-.08.1-.14.2-.17l.04-.02c.08-.02.13-.1.13-.18 0-.1.05-.18.1-.25l.08-.07.2-.26v-.02c.06-.08.1-.17.12-.27.02-.1 0-.2-.04-.3l-.02-.04c-.04-.1-.06-.17-.07-.26l-.03-.28-.03-.3c0-.1.04-.2.1-.3.07-.08.12-.18.16-.28v-.04l.02-.02c.02-.1-.03-.2-.12-.2-.1-.05-.2-.13-.23-.25l-.03-.06c-.05-.18-.08-.36-.08-.54l.02-.5v-.03c0-.17-.14-.3-.3-.3h-.02c-.2 0-.36-.06-.5-.2l-.08-.1-.2-.23-.26-.3c-.1-.14-.2-.26-.33-.38-.1-.1-.25-.2-.4-.22l-.2-.03c-.1-.02-.23-.07-.34-.14-.08-.06-.2-.04-.28.04l-.13.14-.06.04c-.07.02-.14-.02-.17-.1-.04-.12-.04-.26.02-.38v-.06c0-.07-.06-.12-.12-.1h-.16c-.18 0-.36-.02-.53-.1l-.1-.04c-.1-.05-.22-.08-.33-.08-.1 0-.2.02-.3.08l-.04.03c-.12.08-.26.12-.4.13h-.33c-.15 0-.3.05-.4.13-.13.08-.27.13-.42.16l-.27.04c-.12.03-.25.08-.36.17-.1.1-.24.16-.37.2l-.05.02c-.16.05-.3.15-.4.3l-.12.12c-.07.1-.07.22 0 .32.06.1.18.13.3.1l.15-.06c.08-.03.17 0 .24.04.06.05.15.08.24.07l.25-.03c.14 0 .28 0 .42.04.15.05.28.1.4.2s.25.14.4.16c.15.02.3.05.44.1l.1.02c.1.03.18.1.24.2.05.08.1.2.1.3v.03c0 .12.1.2.2.2h.06c.16 0 .33.02.5.07l.07.03c.1.04.2.1.27.2.08.1.13.2.16.3l.03.14c.03.15.04.3.04.46v.05c0 .1.07.2.18.24.1.02.22.06.33.12l.05.02c.13.08.26.18.36.3l.05.07c.13.15.2.34.2.53v.07c0 .15-.03.3-.08.44-.04.12 0 .26.13.3l.07.05c.15.06.28.17.38.3.1.15.14.32.14.5v.3c-.02.1-.05.18-.1.25s-.05.17 0 .24l.06.1zm-6.4-5.12h-.02c-.04 0-.06.05-.05.1l.04.2c.04.16.06.32.08.48.02.16.1.3.22.4h.04c.15.12.24.3.25.48v.5c-.02.1 0 .2.06.28l.05.05c.1.12.14.26.15.4l.03.55c0 .13-.08.24-.2.26l-.1.02c-.07 0-.1.08-.1.15 0 .08.03.17.06.25v.02c.03.1.04.2.03.3l-.04.27c-.04.2-.1.38-.2.56l-.07.12c-.05.1-.12.16-.2.2-.1.04-.17.12-.2.22l-.08.36c-.05.2-.14.4-.26.6h-.02c-.12.16-.27.3-.45.4l-.12.08-.3.15c-.1.04-.16.13-.18.24l-.05.33c-.03.2-.1.37-.24.5l-.13.15-.15.15L11 21c-.12.14-.3.2-.5.17l-.36-.07-.33-.04h-.09c-.04.04-.05.1-.02.16.07.12.18.2.3.2l.22.04c.1 0 .22.05.32.1.1.07.2.12.32.15h.02c.13.05.27.06.4.05l.15-.02c.17-.02.33 0 .47.06l.12.04c.05.02.13 0 .18-.05.06-.06.12-.1.2-.13l.08-.02c.13-.04.26-.06.4-.06h.08c.12 0 .23.02.33.08l.04.02c.07.03.15 0 .2-.06.03-.07.1-.14.17-.2l.25-.17.16-.1.08-.05c.1-.07.24-.1.36-.1l.36-.03c.14-.02.26-.12.3-.26.04-.15.1-.3.2-.43s.2-.24.3-.34c.13-.1.26-.15.4-.16h.08c.16-.03.28-.18.27-.34v-.02V18.77c.02-.1.06-.23.12-.33l.2-.3.08-.1c.06-.05.1-.12.17-.2l.1-.13c.06-.1.06-.23-.02-.32-.1-.1-.15-.24-.17-.38v-.04c-.02-.16-.02-.33.03-.5v-.05c.05-.13.12-.26.2-.38.08-.1.07-.24-.03-.32l-.17-.15c-.14-.12-.22-.3-.24-.48l-.02-.2c0-.06 0-.13-.02-.2l-.02-.15c-.02-.17-.12-.3-.26-.4l-.07-.02c-.1-.06-.2-.15-.28-.27-.08-.1-.12-.24-.15-.38l-.03-.17c0-.06-.04-.1-.1-.13l-.16-.05-.32-.1c-.1-.02-.2-.1-.27-.17h-.02c-.06-.08-.16-.08-.22-.02l-.1.1c-.02.03-.04.04-.07.03-.06 0-.1-.05-.08-.1.02-.16-.04-.32-.17-.42l-.13-.1-.3-.2c-.08-.03-.2 0-.24.1l-.04.06c0 .02-.03.03-.04.04-.04 0-.1 0-.1-.05l-.03-.05c-.03-.06-.1-.1-.16-.12zm-1.2 1l-.05-.05c-.05-.04-.1-.03-.15.02-.07.12-.13.25-.16.38v.02c-.03.13-.15.22-.27.2h-.1-.02c-.14 0-.25.12-.25.26 0 .18-.06.36-.17.5l-.06.06c-.1.13-.25.22-.4.27l-.08.02c-.1.03-.18.1-.2.22 0 .1-.06.2-.14.28l-.1.08c-.12.13-.3.2-.48.22l-.5.05c-.16 0-.3.1-.4.25-.1.15-.25.25-.4.27l-.22.02c-.16.02-.33.02-.5-.02l-.1-.02-.27-.07c-.1-.03-.18 0-.24.07l-.1.13c-.13.15-.32.22-.5.2l-.65-.08c-.1 0-.18-.05-.27-.1-.1-.06-.17-.13-.24-.2l-.25-.3c-.03-.02-.08-.03-.13-.02l-.14.06-.56.14c-.1.03-.23 0-.33-.06-.1-.08-.22-.1-.34-.1H3.2c-.12.03-.2.16-.16.28l.04.2c.03.1.02.22-.03.32s-.04.2.03.3l.06.08c.08.12.2.22.3.32.1.1.2.2.28.33l.15.27c.08.14.2.22.36.22.15 0 .3.05.42.15l.3.28c.08.07.2.08.28.02l.05-.02c.06 0 .1.04.1.1v.05c0 .13.1.25.23.3l.45.1c.16.05.32.1.47.2h.08c.08 0 .15-.07.14-.16v-.35c0-.1.04-.2.12-.24l.05-.02c.05.02.1.06.08.1v.17c0 .13.04.25.13.34.1.1.23.12.34.08.12-.05.24-.06.37-.05l.37.02c.18.02.35 0 .5-.07.18-.06.33-.14.47-.25l.06-.04.3-.27c.1-.1.23-.15.35-.15h.4c.2-.02.38-.2.4-.4l.04-.2c0-.13.06-.25.15-.35.1-.1.2-.16.3-.2l.12-.05c.17-.07.3-.22.36-.4l.06-.24c.05-.2.15-.4.3-.53l.02-.02c.12-.1.14-.3.06-.44l-.03-.07c-.07-.1-.08-.25-.03-.38.05-.14.1-.26.18-.38l.1-.14c.04-.08.04-.2-.02-.27-.06-.08-.1-.18-.1-.28l-.02-.14v-.34c.02-.1 0-.23-.03-.33l-.04-.12zm-1.43-.76v-.03c0-.1-.06-.16-.14-.16h-.26c-.1.02-.2.02-.28 0h-.45c-.23 0-.45-.04-.67-.1l-.24-.06-.2-.06-.45-.15c-.24-.07-.42-.23-.53-.45l-.05-.1c-.07-.15-.22-.23-.37-.2-.17 0-.34 0-.5-.08l-.12-.05c-.23-.1-.4-.3-.4-.57l-.04-.27c-.03-.14-.12-.27-.24-.32-.14-.06-.27-.14-.4-.23l-.05-.03c-.15-.12-.28-.28-.35-.47l-.02-.06c-.05-.16-.06-.33-.02-.5l.02-.06c.04-.13.05-.26.05-.4 0-.12-.05-.24-.14-.33l-.14-.13c-.16-.13-.26-.32-.27-.53-.02-.22-.02-.43.02-.64V6.3v-.03c0-.12-.1-.2-.2-.2H4.2c-.13 0-.24.08-.3.2-.05.14-.13.25-.22.36l-.04.05-.2.2-.1.1c-.1.1-.16.25-.18.4-.02.15-.06.3-.12.44l-.02.05c-.05.12-.13.23-.23.3-.1.08-.17.2-.17.32l-.02.46c0 .2-.03.4-.1.6l-.02.08c-.05.13 0 .27.12.33l.42.18.04.02c.03 0 .04.02.05.05.03.04 0 .1-.03.1l-.1.05c-.06.02-.1.08-.12.15l-.02.1v.02l-.1.56c-.02.08-.02.17-.02.26 0 .08.05.15.12.18l.22.1c.1.06.22.13.3.2l.1.08c.03.04.08.08.12.1l.04.04c.07.06.12.14.14.23l.1.45c0 .12.1.22.2.25l.16.05s.03 0 .05.02l.2.06c.16.05.3.14.42.26.12.1.24.23.34.37l.04.04c.08.1.2.15.32.12s.25-.04.38-.04h.15c.1 0 .23.03.34.1.1.06.23.1.35.15h.03c.12.05.25.03.35-.04.1-.08.23-.12.36-.12l.47.03c.1 0 .2-.02.25-.1h.02l.17-.16.05-.05c.08-.1.2-.14.32-.15h.45c.12 0 .23-.1.28-.2.05-.1.15-.18.27-.2l.2-.04c.08 0 .15-.07.18-.16.03-.1.08-.18.15-.24l.16-.16c.1-.1.15-.2.17-.32z%27/%3E%3C/svg%3E");
}

.social__icon_cf {
  background-image: url(assets/codeforces.svg);
  background-repeat: no-repeat;
  background-color: #fff;
}

.social__icon_lc {
  background-image: url(assets/leetcode.svg);
  background-repeat: no-repeat;
}

.social__icon_cp {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden=%27true%27 focusable=%27false%27 data-prefix=%27fab%27 data-icon=%27codepen%27 class=%27svg-inline--fa fa-codepen fa-w-16%27 role=%27img%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27currentColor%27 d=%27M502.285 159.704l-234-156c-7.987-4.915-16.511-4.96-24.571 0l-234 156C3.714 163.703 0 170.847 0 177.989v155.999c0 7.143 3.714 14.286 9.715 18.286l234 156.022c7.987 4.915 16.511 4.96 24.571 0l234-156.022c6-3.999 9.715-11.143 9.715-18.286V177.989c-.001-7.142-3.715-14.286-9.716-18.285zM278 63.131l172.286 114.858-76.857 51.429L278 165.703V63.131zm-44 0v102.572l-95.429 63.715-76.857-51.429L234 63.131zM44 219.132l55.143 36.857L44 292.846v-73.714zm190 229.715L61.714 333.989l76.857-51.429L234 346.275v102.572zm22-140.858l-77.715-52 77.715-52 77.715 52-77.715 52zm22 140.858V346.275l95.429-63.715 76.857 51.429L278 448.847zm190-156.001l-55.143-36.857L468 219.132v73.714z%27%3E%3C/path%3E%3C/svg%3E");
}

.social__icon_replit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1156 1156%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation:isolate;%7D.cls-2%7Bfill:%2356676e;%7D.cls-3%7Bfill:%234e4f50;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ereplit logo%3C/title%3E%3Cg id=%27Exponent%27 class=%27cls-1%27%3E%3Cpath class=%27cls-2%27 d=%27M1024.5,534.05c1.23,13.58,2.08,27.28,2.08,41.19h0C1026.58,561.33,1025.73,547.64,1024.5,534.05Z%27/%3E%3Cpath class=%27cls-2%27 d=%27M359,531.68S234.25,991.32,734.26,995.32c156.88-58.4,272.48-201.58,290-374.2,1.21-11.94,1.57-24.12,1.84-36.32.05-3.21.48-6.33.48-9.56,0-13.9-.85-27.61-2.08-41.19C892.4,1054.08,308,850.39,359,531.68Z%27/%3E%3Cpath class=%27cls-2%27 d=%27M617.54,361.07S152,231.06,159.16,738.68A449.86,449.86,0,0,0,267.65,900.85c2,1.89,4.07,3.68,6.09,5.54a450.17,450.17,0,0,0,42.54,34.67c2.31,1.65,4.48,3.47,6.8,5.08a446.74,446.74,0,0,0,49.11,29.16c4.93,2.54,10,4.86,15,7.23a443.91,443.91,0,0,0,44.85,18.2c3.75,1.28,7.33,2.88,11.13,4.07A444.68,444.68,0,0,0,499,1018c5.71,1,11.48,1.84,17.26,2.64a450,450,0,0,0,59.11,4.59c.76,0,1.49.12,2.25.12,14.92,0,29.65-.8,44.18-2.23C99.46,898.55,298,314.47,617.54,361.07Z%27/%3E%3Cpath class=%27cls-2%27 d=%27M799,601.8S909.14,137.46,413.36,158.2c-166.25,65.67-283.94,227.43-283.94,417a451.1,451.1,0,0,0,4.61,61C238.37,110.86,832.8,281,799,601.8Z%27/%3E%3Cpath class=%27cls-2%27 d=%27M560.95,801.62S1027.3,862.5,998.11,419.11C934.64,248.44,770.76,126.62,578,126.62a450.24,450.24,0,0,0-81.35,7.73C1016.29,198.14,881.23,806.16,560.95,801.62Z%27/%3E%3Cpath class=%27cls-3%27 d=%27M707.46,575.25A125.65,125.65,0,1,1,581.85,449.6,125.64,125.64,0,0,1,707.46,575.25Z%27/%3E%3C/g%3E%3C/svg%3E");
}

.social__icon_yt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23ed1d24%27 viewBox=%270 0 512 512%27 height=%2724%27 width=%2724%27%3E%3Crect height=%27512%27 rx=%2715%25%27 width=%27512%27/%3E%3Cpath d=%27M427 169c-4-15-17-27-32-31-34-9-239-10-278 0-15 4-28 16-32 31-9 38-10 135 0 174 4 15 17 27 32 31 36 10 241 10 278 0 15-4 28-16 32-31 9-36 9-137 0-174%27 fill=%27%23fff%27/%3E%3Cpath d=%27M220 203v106l93-53%27/%3E%3C/svg%3E");
}

/* Конец _social-icons.scss */
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/components/Header/settings/_settings.scss ***!
  \*************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*********************
set-btn.scss
*********************/
.set-btn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url(assets/set_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* Конец set-btn.scss */
.set-color {
  margin: 10px 0;
}

@media (max-width: 580px) {
  .set-color {
    text-align: center;
  }
}
/*---------------*/
#select-red {
  width: 20px;
  height: 20px;
  background: var(--red);
}

#select-sand {
  width: 20px;
  height: 20px;
  background: var(--sand);
}

#select-yellow {
  width: 20px;
  height: 20px;
  background: var(--yellow);
}

#select-olive {
  width: 20px;
  height: 20px;
  background: var(--olive);
}

#select-green {
  width: 20px;
  height: 20px;
  background: var(--green);
}

#select-dodgerblue {
  width: 20px;
  height: 20px;
  background: var(--dodgerblue);
}

#select-blue {
  width: 20px;
  height: 20px;
  background: var(--blue);
}

#select-brown {
  width: 20px;
  height: 20px;
  background: var(--brown);
}

#select-silver {
  width: 20px;
  height: 20px;
  background: var(--silver);
}

@media (max-width: 580px) {
  .set-view {
    text-align: center;
  }
}
/*---------------*/
/*********************
_theme.scss
*********************/
theme-btn {
  display: inline-block;
  margin: 0 5px;
  height: 30px;
}

.theme_btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url(assets/day_and_night.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.dark-theme {
  color: var(--txt-dark1);
  border-color: var(--txt-dark1);
  background-color: var(--bg-dark1);
}

/* Конец _theme.scss */
/*********************
_snow.scss
*********************/
snow-btn {
  display: inline-block;
  margin: 0 5px;
  height: 30px;
}

.snow_btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url(assets/snowflake_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}
.snow {
  background-image: url(assets/snowflake.png), url(assets/snowflake3.png), url(assets/snowflake2.png);
  height: 100%;
  -webkit-animation: snow 20s linear infinite;
          animation: snow 20s linear infinite;
}

/* Конец _snow.scss */
/*********************
search-btn.scss
*********************/
search-btn {
  display: inline-block;
  margin: 0 5px;
  height: 30px;
}

.search-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url(assets/search-svgrepo-com.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* Конец _search-btn.scss */
/*********************
settings
*********************/
.set-up-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 580px) {
  .set-up-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 580px) {
  .set-section {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*---------------*/
/* Конец settings */
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/components/Footer/Footer.component.scss ***!
  \***********************************************************************************************************************************************************************************/
@charset "UTF-8";
/*********************
Footer
*********************/
.footer {
  padding: 0.7em;
  border: 5px solid white;
  border-radius: 20px;
  -webkit-box-shadow: 4px 6px;
          box-shadow: 4px 6px;
}

.footer__logo {
  font-size: 30px;
  font-weight: bold;
  font-family: monospace;
  text-align: center;
}

@media (max-width: 580px) {
  .footer__logo {
    font-size: 20px;
  }
}
/* Конец Footer */
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./src/components/BtnUp/BtnUp.component.scss ***!
  \*********************************************************************************************************************************************************************************/
.btn-up {
  padding: 10px 20px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  opacity: 0.5;
  font-size: 20px;
  cursor: pointer;
  color: #afa;
  border: 2px #afa solid;
  border-radius: 10px;
  background-color: #2a2;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.btn-up:hover {
  opacity: 1;
  -webkit-animation: pulse 0.7s linear infinite;
          animation: pulse 0.7s linear infinite;
}

/*# sourceMappingURL=style.css.map*/