html {
    background-color: rgba(252, 249,247, 1);
}

body {
    background: linear-gradient(120deg, rgba(252, 249, 247, 1), rgba(245, 240, 237, 1));
    color: #162428;
}

#navCzlowieku, #navCzlowieku:visited, #sideCzlowieku, #sideCzlowieku:visited {
    color: #162428;
}

#headerYTlogo {
    filter: grayscale(100%) brightness(0.6);
}

#blogContainer:after {
    position: fixed;
    top: 0;
    height: 75px;
    width: 100%;
    content: "";

    background: linear-gradient(to bottom,
    rgba(252,249,247, 1) 80%,
    rgba(252,249,247, 0) 100%
    );
    
    z-index: 2;    
}

article section {
    border-top:1px solid #D2CCC7;
}

.firstSentence::first-letter {
    color: salmon;
}

article ul li::before {
    content: "\2022";
    color: salmon;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }

a:link {
    color: #162428;
}

a:visited {
    color: brown;
}

#blogList {
    background: linear-gradient(120deg, rgba(252, 249, 247, 1), rgba(245, 240, 237, 1));
    box-shadow: 0 30px 40px rgba(210,204,199,.4);
}

#blogList li::after {
    content: "";
    display: block;
    opacity: 0;
    border-bottom: 1px solid #162428;
    transition: opacity 300ms ease-in-out !important;
    -o-transition: opacity 300ms ease-in-out !important;
    -moz-transition: opacity 300ms ease-in-out !important;
    -ms-transition: opacity 300ms ease-in-out !important;
    -webkit-transition: opacity 300ms ease-in-out !important;
}

#blogList li:hover::after {
    opacity: 0.8;
}

#blogList li:hover {
    text-shadow: 0 0 .9px #162428, 0 0 .9px #162428;

    transition: text-shadow 300ms ease-in-out !important;
    -o-transition: text-shadow 300ms ease-in-out !important;
    -moz-transition: text-shadow 300ms ease-in-out !important;
    -ms-transition: text-shadow 300ms ease-in-out !important;
    -webkit-transition: text-shadow 300ms ease-in-out !important;
}

@media only screen and (orientation: landscape) and (min-width: 1024px){

    #blogList {
        background: none;
        box-shadow: none;
    }

    article section {
        padding: 0 18px 18px 18px;
        box-shadow: 0 30px 40px rgba(210,204,199,.4);
    }
}

.point {    
    border-left: 21px solid salmon;
}