body {
  margin: 0 auto !important;
  width: 1024px !important;
  color:#fafafa;
  background-color:#fafafa;
  border: 3px solid #EEEEEE;
  border-top: 0px;
  border-bottom: 0px;
}

* {
  --red: rgb(25	, 70, 186); /*цвет итмо крвсный*/
  --red-real: rgb(236, 11, 67); /*цвет итмо крвсный*/
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family:"calibri";
  font-size: 18px;
}

a.next {
  color: var(--red-real);
}

a.next:hover {
  color: var(--red-real);
}

.none {
  text-decoration: none;
  color: white;
}

.none:hover {
  color: white;
}

.header {
  font-family: "Muller";
  text-transform: uppercase;
   width:100%;
	 height: 80px;
   color:#EEEEEE;
   background-color:#1946BA;
}

.header_text {
  font-size: 24px;
  position: relative;
  top: 24px;
}

.header img{
  float: left;
  position: relative;
}

.title_kurs /*Дисциплина "Перспектива" Тема: "Построение тени"*/ {
	width:100%;
	color:#fafafa;
  background-color:#163EA4;
  display: flex;
  padding: 15px 0 20px 15px !important;
}

.title_curs img{
  transform: rotate(180deg);
  height: 50px;
}

.text_kurs {
	font-size:20px;
	color:#fafafa;
  background-color:#163EA4;
}

.title_punkt /*Название пункта меню" Название подпункта*/
{
  font-size:20px;
}

.title_punkt h3 {
	color:#fafafa;
  background-color:#163EA4;
 }

 .container {
   display: flex;
   width: 100%;
   margin: 20px 10px 50px 10px;
 }

 a {
   color: darkblue;
   text-decoration: none;
 }

.menu {
  width: 30%;
  margin: 10px !important;
}

.list, .literatura {
  color: #000;
  background-color: #fff;
  border: 3px solid #EEEEEE;
}

.list h4, .literatura h4 {
  margin-bottom: 15px !important;
  margin-left: -10px !important;
  width: 105.5%;
  background-color: #EEE;
  font-size: 1.1rem;
  padding: 2px 0 5px 10px !important;
}

ol {
  margin-left: 20px !important;
  list-style-type: decimal !important;
 }

.text_content h3 {
  margin-bottom: 20px !important;
}

ol ul {
  margin-left: 30px !important;
  margin-bottom: 20px !important;
}

ol ul li {
  margin-bottom: 5px !important;
}

.literatura ol li {
  margin-bottom: 20px !important;
}


.content {
  width: 70%;
}

.content h4 {
margin-bottom: 10px !important;
}

.progress {
  color: black;
  text-align: center;
}

.progress h3 {
  font-size: 1.1rem;
  color: var(--red);
}

.progress, .video, .text_content {
  color:#000;
  background-color: #fff;
  border: 3px solid #EEEEEE;
}

.text_content, .progress, .list, .literatura, .content {
  padding: 10px !important;
}

video {
  width: 100%;
}

center {
  margin: 10px 0 20px 0 !important;
}

.content p, .content > div, .menu > div {
  margin-bottom: 10px !important;
}

img {
  border: 0px solid black;
}

a:hover {
  text-decoration: underline;
  color: var(--red);
}

#go {
  margin: 50px 20px !important;
  border: 1px solid var(--red-real);
}

.name {
  display: block;
  color: rgb(150,150,150);
  margin-top: 5px !important;
}