body {
            background-color: #343a40;
            color: #fff;
        }

        .navbar {
            background-color: #212529;
        }

        .navbar-brand {
            color: #007bff;
        }

        .navbar-nav .nav-link {
            color: #fff;
        }

        .navbar-nav .nav-link:hover {
            color: #007bff;
        }

        .footer {
            background-color: #212529;
            padding: 20px 0;
        }

        .footer p {
            color: #6c757d;
        }

        .fade-in {
            opacity: 0;
            transition: opacity 1.5s ease-in;
        }

        .fade-in.visible {
            opacity: 1;
        }

        html {
            scroll-behavior: smooth;
        }

#about1, #cooperation1, #services1, #cont1 {
   background-color: rgba(10, 10, 10, 0.8);
  border-radius: 10px;
      box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
    5px 5px 20px 0 rgba(0, 150, 255, 0.6);
  animation: pulseShadow 10s infinite alternate ease-in-out;
}
#about1:hover, #cooperation1:hover, #services1:hover, #cont1:hover {
  /*    box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
    5px 5px 20px 0 rgba(0, 150, 255, 0.6);
    */
  animation: pulseShadow1 2s infinite alternate ease-in-out;
}
   


#section_1,#section_2,#section_3,#section_4,#section_5 {
   background-color: rgba(10, 10, 10, 0.8);
  border-radius: 10px;
      box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
    5px 5px 20px 0 rgba(0, 150, 255, 0.6);
  animation: pulseShadow 10s infinite alternate ease-in-out;
}

#section_1:hover,#section_2:hover,#section_3:hover,#section_4:hover,#section_5:hover {
animation: pulseShadow1 2s infinite alternate ease-in-out;
}







@keyframes pulseShadow {
  0% {
    box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
                5px 5px 20px 0 rgba(0, 150, 255, 0.2);
  }
  50% {
    /*
    box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
              25px 25px 80px 10px rgba(0, 150, 255, 0.8);
              */

box-shadow: 0 0 25px 0px rgba(0, 150, 255, 0.7), 
0px 0px 25px 0px rgba(0, 150, 255, 0.8);


  }
  100% {
    box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
                5px 5px 20px 0 rgba(0, 150, 255, 0.2);



  }
}
@keyframes pulseShadow1 {
  0% {
    box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
                5px 5px 20px 0 rgba(0, 150, 255, 0.2);
  }
  50% {
    /*
    box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
              25px 25px 80px 10px rgba(0, 150, 255, 0.8);
              */

box-shadow: 0 0 25px 0px rgba(0, 150, 255, 0.7), 
0px 0px 50px 10px rgba(0, 150, 255, 0.8);


  }
  100% {
    box-shadow: 0 0 5px 0px rgba(0, 150, 255, 0.7),
                5px 5px 20px 0 rgba(0, 150, 255, 0.2);



  }
}

.section-focus {
  box-shadow: 0 0 10px 3px rgba(0, 150, 255, 0.7),
  5px 5px 10px 0 rgba(0, 200, 255, 0.7);
  border-radius: 10px; /* можно убрать или изменить по вкусу */
}

        #circuitCanvas {
            position: fixed; /* Фиксируем на экране */
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: -1; /* Отправляем на задний план */
        }

.jumbotron1{
padding: 3rem 1rem;
    margin-bottom: 2rem;
    background-color: rgba(0, 150, 255, 0.4);
    border-radius: .3rem;
}
#header {
  width: 100%;
  min-height: 200px; /* высота header */
  overflow: hidden;
}

#subtitle, #author {
  font-size: 1.6em; /* начальный размер шрифта */
}

#title {
  font-size: 2em; /* начальный размер шрифта для заголовка */
}
         
.map {
    border-radius: 10px;
    overflow: hidden;
}

#about img{
border-radius: 25px;
box-shadow: 
0 0 5px 3px rgba(0, 150, 255, 0.7),
  3px 3px 10px 0 rgba(0, 200, 255, 0.5);
}

.logos
{
height: 150px;
width: auto;
}
header a, a:hover{
    color: white;
    text-decoration: none;
}