.container-fluid{
    margin-top: 20px;
}
.theory
{ 
     color:#FF0000; 
}
.carousel-control-next-icon{
    width: 50px;
    height: 50px;
}

.bodystyle{
    height: 800;
}
body{
    font-size: 1.1em;
}

.carousel-control-prev-icon{
    width: 50px;
    height: 50px;
}

@media (max-width: 580px) {
    body {height: 300px;}
    }

@media (max-width: 580px) {
    .bodystyle {font-size: 12pt;}
    }

.baton{
    font-size: 4rem;
    border:5px solid #17a2b8;
    border-radius: 5%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    top:50%;
    left:40%;
    line-height: 4rem;
}
@media (max-width: 580px) {
    .baton {
                font-size: 1rem;
                line-height: 1rem;
            }
    }

    @media (max-width: 900px) {
        .baton {            
                    font-size: 0.8rem;
                    line-height: 0.8rem;
                }
        }

p-0{
    padding:0;
}

a{
    color:#935858; 
}

.mini-main{
    padding-right: 200px;
}

.cod{
    border-left:10px solid #588c93;
}

@media (max-width: 560px) {
    .mini-main {padding-right: 0;}
  }

  @media (max-width: 560px) {
    .one h2{padding: 0;
    font-size:14pt;}
  }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #f8f9fa;
    border-right: 5px solid #588c93;
    color: black;
    box-shadow: 0 0 3px rgba(0,0,0,0.5); /* Параметры тени */
}
.one {
    background: rgb(255, 255, 255);
    padding: 10px 20px;
    text-align: center;
  }
  .one h2 {
    font-family: 'Righteous', cursive;
    position: relative;
    color: #588c93; 
    display: inline-block;
    border-top: 2px solid;
    border-bottom: 2px solid;
    font-size: 3em;
    padding: 11px 60px;
    margin: 0; 
    line-height: 1;
  }
  .one h2:before, .one h2:after {
    content: ""; 
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    border-left: 2px solid;
    border-right: 2px solid;
    background: repeating-linear-gradient(180deg, transparent, transparent 2px, #588c93 2px, #588c93 4px);
  }
  .one h2:before {left: 0;}
  .one h2:after {right: 0;}
  @media (max-width: 420px) {
    .one h2 {font-size: 2em;}
  }

  .dropdown-item.active, .dropdown-item:active{
      background-color: #588c93;
  }
.sec{
    font-size: 0.9rem;
}

  .five {
background: #f8f9fa;
padding: 10px 20px 10px 170px;
text-align: center;
} 

.five h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
position: relative;
color: #588c93;
font-size: 2rem;
font-weight: normal;
display: inline-block;
margin: 0;
line-height: 1;
padding: 15px 20px 15px 2px;
border-top: 4px solid;
}
.five h1:before {
content: "C#";
position: absolute;
top: -10px;
left: -160px;
font-size: 1.5em;
transform: rotate(-25deg);
font-family: 'Marck Script', cursive;
}
.five h1:after {
content: ""; 
position: absolute;
width: 120%;
height: 4px;
right: 0;
bottom: -4px;
background: #587493;
}
@media (max-width: 580px) {
.five {padding-left: 130px;}
.five h1 {font-size: 2em;}
.five h1:before {left: -130px;}
}
@media (max-width: 480px) {
.five {padding-left: 100px;}
.five h1 {
font-size: 1.5em;
padding-right: 10px;
}
.five h1:before {left: -100px;}
}
@media (max-width: 380px) {
.five {padding-left: 90px;}
.five h1 {font-size: 1.3em;}
.five h1:before {left: -88px;
    font-size: 1rem}}