/*цвет, шрифт отражаемого тела*/
body{
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 15px;
    color: #f5f5f5;
    padding: 0;
    margin: 0;
    cursor: default;
    background: rgb(14, 15, 16);
    /*background: white;*/
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
/*шрифт, размер, тень загаловка*/
.h1{
    font-size: 45px; 
    font-family: "Ubuntu Bold", sans-serif;
    margin: 0;
    text-shadow: 1px 1px 2px white; 
}
/*сотояние и расположение текста в секции header*/
.wrapper{
    display: flex;
    justify-content: space-between;
    align-items:center;
}


/*цвет секции header, footer */
.uj{
    background: linear-gradient(132deg, #ec5218, #1665c1);
    background-size: 400% 400%;
    animation: BackgroundGradient 30s ease infinite;
}
@keyframes BackgroundGradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
/*состояние обьектов*/
div, p, input, button, form, span, a, ul, li, ol{
    box-sizing: border-box;
}
/*тень фото*/
.jh{
    margin-top: 50px;
    box-shadow: 0px 0px 40px 10px white;
}

/*тень текста в секции header, длина и размер текста*/
.text0{
    width: 700px;
    font-size: 25px;
    text-shadow: 1px 1px 2px white;
}
/*отдоление от...*/
.hf{
    margin: 0;
}

/*отдоление от...*/
.cont{
    margin: 0 auto; 
}
/*состояние h тэгов*/
h2,h3,h4,h5,h6{
    font-family: "Ubuntu Bold", sans-serif;
    margin: 0;
    text-shadow: 1px 1px 2px white;
}
/*цвет контейнера, отдоление от ...*/

/*тень*/
.hg{
    text-shadow: 1px 1px 2px white;
}
/*отделение h1 в секции заголовок*/
.hei1{
    padding-top: 50px;
    padding-bottom: 75px;
} 
/*размер контейнера*/
.container{
    width: 1172px;
    margin: 0 auto;   
}
/*размеры секции*/
.yh{
    background: rgb(28, 28, 28);
    padding-bottom: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    /*background: #ecf2f8;*/
}
.h{
    padding-top: 15px;
    padding-bottom: 15px;
}
.fr{
    padding-top: 15px;
    padding-bottom: 15px;
}
.ng{
    padding-top: 50px;

}
/*размер текста в секции меню*/
.df{
    font-size: 17px;
}
/*наличие точки, запятой у списка*/
li{
    list-style-type: none;
}

/*отдоление от...*/
ul{
    margin-left: 0; 
    padding-left: 0;
}
.iifpac{
    padding-top: 75px;
    padding-bottom: 75px;
}

.animated-word {
    font-family: "Ubuntu Bold", sans-serif;
    letter-spacing: 0.4em;
    font-weight: 600px;
    font-size: 100px;
    text-align: center;
    color: #202125;
    cursor: pointer;
    max-width: 600px; 
    width: 100%; 
    outline: 2px solid;
    outline-color: #00FFFF; 
    outline-offset: 70px;
    transition: all 600ms cubic-bezier(0.2, 0, 0, 0.8);
}

.box1{
    box-shadow: 0px 0px 40px 10px #00FFFF;
}

.animated-word:hover {
  color: #00FFFF;
  /* color: rgba(71, 126, 232,0.5);  */
  outline-color: rgba(71, 126, 232, 0);
  outline-offset: 300px;
}
/*отдоление влево*/
.ul{
    margin-left: 20px;
}
/*размер строки в секции меню*/
.dfv{
    width: 325px;
}
.gf{
    border: none;
    height: 36px;
    width: 100px;
    margin-top: 25px;
    font-size: 15px;
    color: whitesmoke; 
    background: orangered;
    border-radius: 20px;
}
/*наличие подчеркивания у всех ссылок*/
.link{
    text-decoration: none;
    cursor: pointer;
}
/*появления подчеркивания у ссылки при нжатии*/
.link:hover{
    text-decoration: underline;
}
/*цвет ссылок в секции  footer*/
.ju{
    color: white;
}
.ua{
    padding-bottom: 50px;
}
/*расположение на экране*/
.gio, .op, .soc{
    display: flex;
}
/*расширение блока в секции footer*/
.api{
    padding: 50px 0;
}

.ttg{
    display: flex;
    align-items: center;
    justify-content: center;
}
/*рассположение*/
.tgh{
    justify-content: space-between;
}

/*размер иконок в секции footer*/
.vk, .inst, .watsapp, .facebook{
    width: 30px;
}
.s{
    padding-top: 50px;
    margin: 0;
}
/*отделение от другог блока в секции footer*/
.tt{
    margin-top: 10px;
}
/*отдоление от...*/
.tg{
    padding-left: 10px;
}
.y1y{
    display:none;
}
/*расположениек текста "Ⓒ Все права защищены" в секции footer*/
 .rf{
    text-align:center;
 }
 /*отьдоление от...*/
 .fv{
    padding-bottom: 10px;
 }
.cd{
    padding-left: 50px;
}
.ui{
    margin: 0;
    width: 500px;
    padding: 0; 
 }
 .gf1{
     width: auto;
 }

.gf2{
    border: none;
    height: 50px;
    width: 200px;
    margin-top: 25px;
    font-size: 20px;
    color: whitesmoke; 
    background: orangered;
    border-radius: 20px;
}



/*адаптер на другие устройства
1200px-993px*/
@media screen and (max-width: 1200px){
    .container{
        width: 960px;
    }
    .animated-word{
        letter-spacing: 0.2em;
        outline: none; 
    }
    body{
        background:rgb(28, 28, 28);
    }
}

/*адаптер на другие устройства
992px-769px*/
@media screen and (max-width: 992px){
    .container{
        width: 720px;
    }
    .ws{
        width: auto;
    }
    .as{
        width: auto;
    }
    .cd{
        display:none;
    }
    .wrapper{
        flex-direction: column;
    }
    .ofer{
        width: auto;
    }
    .gio{
        width: auto;
    }
    .uj{
        width: auto;
    }
    .text0{
        width: auto;
    }
    .jh{
        display: block;
        width:250px;
        margin: 72px auto;
    }


}
/*адаптер на другие устройства
768px-577px*/
@media screen and (max-width: 768px){
    .container{
        width: 540px;
    }
    .animated-word{
        letter-spacing: 10px;
        outline: none;
    }
}
/*адаптер на другие устройства
576px-320px*/
@media screen and (max-width: 576px){
    .container{
        width: 90%;
    }
    .animated-word{
        letter-spacing: 0px;
        width: 90%;
    }
    .dfv{
        width: auto;
    }
}