@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/Montserrat/Montserrat-Regular/Montserrat-Regular.eot');
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('/static/fonts/Montserrat/Montserrat-Regular/Montserrat-Regular.eot?#iefix')
      format('embedded-opentype'),
    url('/static/fonts/Montserrat/Montserrat-Regular/Montserrat-Regular.woff')
      format('woff'),
    url('/static/fonts/Montserrat/Montserrat-Regular/Montserrat-Regular.ttf')
      format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/static/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.eot');
  src: local('Montserrat Regular'), local('Montserrat-Medium'),
    url('/static/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.eot?#iefix')
      format('embedded-opentype'),
    url('/static/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.woff')
      format('woff'),
    url('/static/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.ttf')
      format('truetype');
}

.note {
  padding: 0 10px 0 10px;
}

#PieChart,
#PieChart > div,
#PieChart > div > div,
#PieChart > div > div > div {
  border-radius: 6px !important;
}

button {
  font-family: Montserrat;
}

ul {
  list-style-type: demical;
  padding: 0 0 0 20px;
}
ul > li {
  margin-bottom: 10px;
  white-space: pre-line;
}

ul.standartList {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
ul.standartList > li {
  margin-bottom: 15px;
  white-space: pre-line;
  width: 100%;
  max-width: 900px;
}

ul.standartList-mobile {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}
ul.standartList-mobile > li {
  margin-bottom: 30px;
  white-space: pre-line;
  width: 100%;
  max-width: 900px;
}
/* ul.standartList-mobile > li:last-child {
  margin-bottom: 0;
} */

/* HEAD MSG */
@keyframes change-background {
  0% {
    background-color: rgb(68, 138, 255);
  }
  50% {
    background-color: #ec6150;
  }
  100% {
    background-color: rgb(68, 138, 255);
  }
}
.section-header {
  /* background-color: rgba(255, 255, 255, 0.85); */
  /* background: linear-gradient(#1B7BFF, rgb(68, 138, 255)); */
  /*  */
  /* background: linear-gradient(#1B7BFF, transparent); */
  font-family: Montserrat;
  background-color: rgb(68, 138, 255);
  color: white;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
  padding: 5px 0 5px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  /* color: #1B7BFF; */
  animation: change-background 5s cubic-bezier(0.48, -0.28, 0.41, 1.4) infinite;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}