.btn.btn-secondary.btn-sm.active{
    background-color: #3edb1c;
}

@font-face {
    font-family: 'Brush Script Std';
    src: local('Brush Script Std'), url(brushscriptstd.ttf);
    
}

@font-face {
    font-family: 'Dudka';
    src: local('Dudka'), url(desyatiy.ttf);
    
}


#otvet {
background: rgb(247 248 251);
font-size: medium;
    font-weight: bold;
 }
 
.n_marker {
    list-style-type: none;
} 
.whitecl {
    background-color:#ffffff;
} 
.ruka {
    font-family: Brush Script Std;
    font-size: large;
    color: mediumblue;
}
 
         /* audio style */
      
         .audio-player {
     display: flex;
     align-items: center;
   }
   
   .controls {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
   }
   
   #play-pause-btn {
     background-color: #ccc;
     width: 30px;
     height: 30px;
     border: 2px dashed red;
     border-radius: 10px;
   }
   
   #volume-bar,
   #time-bar {
     width: 100px;
   }
   
   #speed-btn {
     background-color: #f5f5f2;
     border: none;
     padding: 5px;
     font-family: "dudka";
     border-radius: 15px;
   }
   
         /* audio style end */
         .copro {background-color: red;}
          .phone-button {
       position: fixed;
       right: 20px;
       bottom: 20px;
       transform: translate(-50%, -50%);
       border-radius: 50%;
       width: 60px;
       height: 60px;
       z-index: 9999;
       background-color: #ffd600;
       background-image: url("text.svg");
       background-size: 50%; 
       background-repeat: no-repeat;
       background-position: 50% 50%;
   }
   .phone-button:before,
   .phone-button:after {
       content: " ";
       display: block;
       position: absolute;
       border: 50%;
       border: 1px solid #d45ac6;
       left: -20px;
       right: -20px;
       top: -20px;
       bottom: -20px;
       border-radius: 50%;
       animation: border-animate 1.5s linear infinite;
       opacity: 0;
       background-color: black;
   }
   .phone-button:after{
       animation-delay: .5s;
   }
  
  .btn-primary:focus {
   background: url("text.svg");
   background-color: #ffd600;  }

   .btn-primary:hover {
   background: #ffd600;
   background-color: #ffd600;  }

 .langs {
background: #000000;
    border: 2px solid #ffd600;
    border-radius: 5px;
   transition-duration: 0.4s;
}

.langs:hover {
  background-color: #04AA6D;
  color: white;
}

.btn.btn-secondary.btn-sm {
font-family: 'Dudka';
}

.col-form-label {
font-family: 'Dudka';
}

#inp {
    font-size: medium;
    font-weight: bold;
}

#bloc_aud {
background: black;
    border: 2px solid yellow;
}
.badge-warning {
border: 2px solid;
}

#go {
font-family: 'Dudka';
}