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

        body {
            background-repeat: no-repeat;
            background-color: #262626;
            background: url(../../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(../../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);*/

        }

        @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%;
            }
        }