.designer{
  text-align:center;
  background-color:#273149;
  color:#bdbdbd;padding:10px 0
}
  .designer--svg{
    color:#ec407a;
    width:1em;height:.8em;
    transform:translateY(10%)
  }.designer a{
    color:#bbdefb}


.kostil {
        padding: 20px 10px 20px 10px;
        background-color: #fff;
        border-radius: 3px;
        margin-bottom: 5px;
}

.kostil h2 {
    font-size: calc(1.5em + 4px);
    line-height: 33px;
    color: #285473;
    margin: 0;
}

.kostil p{
    font-size: 1em;
    color: #414141;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
    line-height: 26px;
}

.kostil a {
    color: #43a047;
    text-decoration: none;
}

.kostil ul {
padding: 0 20px;

}

.kostil ul li {
    font-size: 1em;
    color: #414141;
    line-height: 26px;

}

@media (min-width: 900px) {
  .sidebar {
    position: fixed;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 17px;
  }
}
@media (min-width: 1800px) {
  body {
    display: grid;
  }
}