body {
    color: rgb(212, 212, 212);
    background-color: rgb(44, 44, 44);
  /*  background: url('../image/Fox_eat.jpg') no-repeat  right center ;
    background-size: 33%;*/
    /*relative position можно вертеть куда-то относительно текущего расположения 
    absolute не привязан к чемуто
    fixed фиксирован на экране при скролле сохраняется*/

}
.fon{
    float: right;
    position: absolute;
    opacity: 20%;
    right: 0%;
    
}
.chat{
    float: right;
    position: fixed;
    right: 0%;
    bottom: 0%;

}

.top-text, .bottom-text {
    float: left;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    border-bottom: 2px solid orange;
    background: rgb(34, 34, 34);
    margin-bottom: 50px;
    
}

.otziv{
    float: left;
     border: 3px;
     padding: 10px;
     width: 15%;

}
.main{
    float: left;
    width: 50%;
    padding: 0% 2%;
}

.bottom-text {
    border-bottom: 0px;
    margin-bottom: 0px;
    border-top: 2px solid orange;
}

.link {
    float: left;
    color: rgb(204, 204, 204);
    text-decoration: none;
    
}
.link:hover{
    float: left;
    color: rgb(167, 167, 167);
}