/*body {*/
        /*    background-color: #262626;*/
        /*    color: white;*/
        /*    overflow: hidden;*/
        /*}*/

        body {
            background-repeat: no-repeat;
            background-color: #262626;
            background: url(../../r/images/bg.webp);
            background-attachment: fixed;
            background-attachment: scroll;
            background-size: cover;
             overflow: hidden;
        }
        
  body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../r/images/bg.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  filter: blur(10px);
  z-index: -1; /* Встановлює шар позаду головного контенту */
}
        
        .form {

            display: flex;
            flex-direction: column; /* Устанавливаем направление в столбец */
            align-items: center; /* Выравниваем элементы по центру по горизонтали */
            justify-content: center; /* Выравниваем элементы по центру по вертикали */
            height: 100vh; /* 100% высоты видимой области (viewport) */

            font-size: 27px;
            color: white;
            text-align: center;
            /*padding:5%;*/
            margin: auto;
            width: 100%;
            border-radius: 100px;
        }

        .name{
            padding:10px;
        }
        .email{
            padding:10px;
        }
        .input{
            width:300px;
            height: 40px;
            border-radius: 10px;
            border: 2px solid white;
            background-color: white;
            text-align:center;
        }

        .comment{
            text-align:left;
            border-radius: 10px;
            width:300px;
            height:200px;
            padding:10px;
        }
        /*.btn{*/
            /*border-radius: 100px;*/
            /*background: linear-gradient(180deg, #f60101 0%, #af3636 100%);*/
            /*box-shadow: 0px 0px 25.11397361755371px 0px rgba(245, 1, 46, 0.8);*/
            /*padding: 10px 60px;*/
            /*align-items: flex-start;*/
            /*color: #FFF;*/
            /*text-shadow: 0px 0px 16.357858657836914px rgba(255, 255, 255, 0.50);*/
            /*font-family: Montserrat, sans-serif;*/
            /*font-size: 20px;*/
            /*font-style: normal;*/
            /*font-weight: 700;*/
            /*line-height: normal;*/
            /*text-transform: uppercase;*/



            /*background: linear-gradient(180deg, #960505 0%, #b20912 100%);*/
            /*box-shadow: 0px 0px 25.11397361755371px 0px rgba(245, 1, 66, 0.8);*/
            /*box-shadow: 0px 0px 25.11397361755371px 0px rgba(245, 1, 46, 0.8);*/

            /*background: linear-gradient(180deg, #01F6D9 0%, #024D52 100%);*/
            /*box-shadow: 0px 0px 25.11397361755371px 0px rgba(1, 245, 245, 0.80);*/

        /*}*/
           
 
  .btnreg {
  font-family: 'Pacifico', sans-serif; /* Пример красивого шрифта для контента */
  text-decoration:none;
  color:white;
  font-size:20px;
}
  .btnreg:hover {
  font-family: 'Pacifico', sans-serif; /* Пример красивого шрифта для контента */
  text-decoration:none;
  color:white;
  font-size:20px;
  color: rgba(245, 1, 46, 0.8);
  transition: ease  0.4s;
}

        .btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid white;
  padding: 0.375rem 2.75rem;
  font-size: 20px;
  border-radius: 30px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: ease  0.4s;
}


        .btn:hover {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid white;
  padding: 0.375rem 2.75rem;
  font-size: 20px;
  border-radius: 30px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
box-shadow: 0px 0px 25.11397361755371px 0px rgba(245, 1, 46, 0.8);
transition: ease  0.4s;
}
        .btn {

    /*background: linear-gradient(304deg, #eded24, #0a97f5, #000000); blue-yellow*/
    background: linear-gradient(304deg, #131817, #7f0a0a, #000000);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 14%}
    50%{background-position:100% 87%}
    100%{background-position:0% 14%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 14%}
    50%{background-position:100% 87%}
    100%{background-position:0% 14%}
}
@keyframes AnimationName {
    0%{background-position:0% 14%}
    50%{background-position:100% 87%}
    100%{background-position:0% 14%}
}


        @media screen and (min-width: 1200px){
            .comment{
                text-align:left;
                border-radius: 10px;
                width:570px;
                height:200px;
                padding:10px;
            }
            .btn{
            margin:0%;
            }
        }

        @media screen and (max-width: 767px){
            .btn{
                margin:5%;
            }
        }