p {
            text-indent: 1.5em;
            padding: 10px 5px;
        }
       .scale {
        display: inline-block; /* Строчно-блочный элемент */
        overflow: hidden; /* Скрываем всё за контуром */
        border-radius: 4px;
        
       }
       .scale img {
        transition: 1s; /* Время эффекта */
        display: block; /* Убираем небольшой отступ снизу */
        border-radius: 4px;
       }
       .scale img:hover {
        transform: scale(1.1); /* Увеличиваем масштаб */
        border-radius: 4px;
       }
       
        .btn-outline-secondary > h5:hover{
            color: rgba(250,250,250,1) !important;
            transition: 0.4s linear;
        }
        .btn-outline-secondary:hover{
            transition: 0.3s linear;
        }
    
        .scale_icons > img:hover{
            transform: scale(1.18);
            transition: 0.4s linear;
            border-radius: 4px;
        }
        
        .like_button_space > button:hover{
            transform: translateY(-3px);
            transition: 0.4s linear;
        }
        
        .release_date{
            cursor:pointer;
        }
        .release_date:hover{
            transform: translateY(-2px);
            transition: 0.4s linear;
        }
        
        .likes_num:hover{
            transform: scale(1.22);
            transition: 0.4s linear;
        }
        
        .album_cover:hover{
            filter: hue-rotate(100deg);
            transition: 2.4s linear;
        }

        button{
                border: 1px solid rgba(138,43,226, 0.8);
                border-radius: 10px !important;
                color: white;
                font-size: 16px;
                padding: 10px 25px;
                margin: 0px 10px;
                background: rgba(138,43,226, 0.8);
            }
        .rbut button:hover{
                background: rgba(138,43,226, 1.0);
        }

        .second_button{
            background:#f69d3c; 
            border: 1px solid #f69d3c;
        }
        .loginform{
            margin: 12px 5px;
            padding: 2px 2px;
        }
        .loginform span{
            display: inline-block; 
            min-width: 90px;
            margin-left: -90px;
        }
        .loginform input{
            margin: 10px 5px;
            padding: 4px 2px;
        }
        p{
            text-indent: 25px;
        }
        .pokazatel{
            background: rgba(138,43,226, 0.8); font-size: 25px; padding: 7px 7px; border-radius: 10px; color: rgb(0,255,0); min-width: 50px;
        }
        .pokazatel:hover{
            background: rgba(138,43,226, 1.0);
        }
 
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
        
        .stage{
            height: 300px !important;
        }
      }
      
           a:hover{
            text-decoration: none;
        }
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      
      @media (max-width: 768px) {
        .preview_meurch {
          display: none;
        }
      }
    @media (min-width: 1150px) {
        .preview_meurch {
          display: none;
        }
      }
      
      .circle {
        width: 68px;
        height: 68px;
        background: gray;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        border: 2px solid #CECECE;
        color: white;
        /*display: flex;*/
        
        margin-right:20px;
        display:inline-block;
      } 
      .circletext{
          /*font-family: Scriptorama;*/ 
          font-size: 20px;
          margin-top:14px;
          text-align:center;
          display:inline-block;
      }
      
      
      .carousel-3d {
    padding: 20px;
    -webkit-perspective: 300px;
    perspective: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;

}
.carousel-3d > * {
    flex: 0 0 auto;
}
.carousel-3d figure {
    margin: 0;
    width: 15%;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.carousel-3d figure img,
.carousel-3d figure div {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}
.carousel-3d figure div:not(:first-of-type),
.carousel-3d figure img:not(:first-of-type) {
    position: absolute;
    left: 0;
    top: 0;
}
.carousel-3d nav {
    display: flex;
    justify-content: center;
    margin: 20px 0 0;
}
.carousel-3d nav button {
    flex: 0 0 auto;
    margin: 0 5px;
    cursor: pointer;
    color: gray;
    background: gray;
    border: 1px solid #CECECE;
    padding: 5px 10px;
    font-weight: bold;
    transition: all .3s ease;
    color: white;
}
.carousel-3d nav button:hover {
    color: #FFF;
    background: #337AB7;
}


.bg-image {
  /* The image used */
  background: url("../img/logo.jpg");



  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#square {
    width: 100%;
    height: 520px;
    background: #52026E;
    opacity:0.6;
    margin-top:-520px;
}

@font-face {
    font-family: Scriptorama; /* Гарнитура шрифта */
    src: url(../fonts/Scriptorama.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: AlsHauss; /* Гарнитура шрифта */
    src: url(../fonts/als/als_hauss_regular.woff); /* Путь к файлу со шрифтом */
}

#navbarHeader {
      background: linear-gradient(0.25turn, #43384f, #85709c, #cc8c14);
    }
.navbar{
    background: linear-gradient(0.25turn, #57159e, #dbe8d1, #f69d3c);
}
 
  
 @media (max-width: 768px) {
    #navbarHeader {
      background: linear-gradient(0.25turn, #43384f, #85709c);
    }
    .navbar{
        background: linear-gradient(0.25turn, #43384f, #85709c);
        filter:brightness(120%);
    }
 }
 
 .btn1{
    margin: 5px 5px;
    width: 280px;
    margin-left: 5px; padding-left: 25px; 
    margin-right: 7px; text-align: left;

}

@media (max-width: 768px) {
        .btn1 {
          width: 97%;
        }
      }

 .social_icons{
     margin:10px 5px;
     padding: 10px 20px;
    
     border-radius: 0.7rem;
     background-color:rgba(0, 0, 0, 0.4);
     
 }
 .social_icons:hover{
    
    background-color:rgba(0, 0, 0, 0.3);
 }
 .no_decor {
   text-decoration: none !important;  
 }