@import "fonts";
@import "layouts/desktop/desktop";
@import "components/main_page";
@import "components/post";
@import "components/archive";
@import "grid";
body{
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font: 12px/22px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif;
  ul{
    list-style: none;
    padding: 0;
  }
  .button-gray{
    padding: 0 16px 0 20px;
    height: 32px;
    background-color: #f5f5f5;
    border-radius: 36px;
  }
  a{
    text-decoration: none;
    color: #3E3E42;
    outline: none;
    transition: .3s cubic-bezier(.645,.045,.355,1);
    &:hover{
      color: #3b5573;
      text-decoration: none;
    }
  }
  .button{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border: none;
    cursor: pointer;
    outline: 0;
    z-index: 10;
    transition: .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-appearance: none;
    border-radius: 50px;
    background: #f5f5f5;
    padding: 3px 12px;
    color: #ff7f00;
    &_gray{
      padding: 0 16px 0 20px;
      height: 32px;
      background-color: #f5f5f5;
      border-radius: 36px;
    }
  }
}
div.picture-cont-16x9{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  picture{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}