body {
    background-image: url(data:image/jpeg;base64,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);
    background-size: 100% 100%;
    background-repeat: repeat;
    text-align: justify;
}


.page-wrapper nav div {
    text-align: left;
}

.page-wrapper nav div :link {
    color: chartreuse;
}

div.nav-logo-title {
    float: right;
    content: url(https://mystickermania.com/cdn/stickers/one-piece/one-piece-straw-pirates-flag-512x512.png);
    width: 15%;
}

nav {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.495);
    display: inline-block;
}

.page-wrapper nav li {
    float: left;
    list-style: none;
    padding-left: 4px;
}

.page-wrapper nav li a {
    border-right: 2px solid white;
}

.page-wrapper nav li :link {
    color: white;
    text-decoration: none;
}

.page-wrapper nav li :hover {
    border-color: red;
    color: red;
    text-decoration: none;
}

#header {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

#header h1 {
    border-bottom: 2px solid white;
    border-radius: 20px;
    text-align: center;
    padding-top: 90px;
    padding-left: 10px;
}

#header h3 {
    border-right: 2px solid white;
    border-left: 2px solid white;
    border-radius: 23px;
    text-align: center;
    background-color: rgba(240, 248, 255, 0.285);
}

@keyframes bordercolor {
    0% {
        border: 3px solid black;
    }

    50% {
        border: 3px solid sandybrown;
    }

    100% {
        border: 3px solid black;
    }
}

#header p {
    background-color: rgb(243, 243, 224, 0.8);
    border: 2px solid;
    margin-top: 50px;
    animation-name: bordercolor;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

#content .content-first {
    background-image: url(https://cdn-icons-png.flaticon.com/512/9844/9844904.png);
    background-size: 100% 116%;
    padding-top: 84%;
}

#content .content-first p {
    padding-bottom: 10px;
    padding-left: 10%;
    padding-right: 10%;
}

#content .content-second {
    background-image: url(https://cdn-icons-png.flaticon.com/512/9844/9844904.png);
    background-size: 100% 116%;
    padding-top: 135%;
}

#content .content-second h4 {
    padding-left: 10%;
    padding-right: 10%;
}

#content .content-second p {
    padding-bottom: 10px;
    padding-left: 10%;
    padding-right: 10%;
}

#content h2 {
    text-align: center;
}

.content-aside aside h2 {
    text-align: center;
}

@keyframes move {
    0% {
        margin-left: 0px;
    }

    50% {
        margin-left: 150px;
    }

    100% {
        margin-left: 0px;
    }
}

.content-aside aside {
    background-color: blanchedalmond;
    border: 2px solid;
    border-radius: 2%;
    width: 50%;
    animation-name: move;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}

.articles .row-first td {
    margin-left: 1%;
    margin-right: 1%;
    display: block;
}

.articles .row-first {
    margin-left: 5%;
    margin-right: 5%;
    background-color: bisque;
    display: block;
}

.articles .row-first .article:first-child img {
    content: url(https://freepngimg.com/thumb/one_piece/23092-1-one-piece-sanji-clipart.png);
    float: left;
    width: 20%;
}

.articles .row-first .article:nth-child(2) img {
    content: url(https://freepngimg.com/thumb/one_piece/23213-7-one-piece-zoro-photos.png);
    float: right;
    width: 25%;
}

.articles .row-first .article:last-child img {
    content: url(https://freepngimg.com/thumb/one_piece/86562-usopp-warriors-one-joint-costume-piece-pirate.png);
    float: left;
    width: 20%;
}

.articles .row-first h3 {
    text-align: center;
}

.articles .row-second {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px;
    background-color: bisque;
    display: block;
}

.articles .row-second h3 {
    background-color: bisque;
    text-align: center;
}

.articles .row-second p {
    background-color: bisque;
}

.articles .row-second img {
    content: url(https://freepngimg.com/thumb/one_piece/119101-luffy-free-download-png-hq.png);
    float: right;
    width: 500%;
    opacity: 0.4;
}

.mini-one {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1438/1438744.png);
    background-size: 100% 100%;
    padding-top: 10%;
}

.mini-one img {
    float: left;
    content: url(https://chpic.su/_data/stickers/w/wanpiisu/wanpiisu_044.webp);
    width: 20%;
    padding-left: 17%;
    padding-top: 40%;
}

.mini-one h2 {
    padding-top: 35%;
    font-size: 130%;
    margin-right: 20%;

}

.mini-one p {
    margin-right: 20%;
    padding-bottom: 150px;
    margin-left: 20%;
}

.mini-two {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1438/1438744.png);
    background-size: 100% 100%;
    padding-top: 17%;
}

.mini-two img {
    content: url(https://mystickermania.com/cdn/stickers/anime/one-brook-heart-512x512.png);
    float: right;
    width: 20%;
    padding-right: 17%;
    padding-top: 45%;
}

.mini-two h2 {
    padding-top: 35%;
    margin-left: 20%;
    text-align: left;
    font-size: 130%;
}

.mini-two p {
    margin-left: 20%;
    margin-right: 20%;
    padding-bottom: 55%;
}

.mini-three {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1438/1438744.png);
    background-size: 100% 100%;
    padding-top: 43%;
}

.mini-three img {
    content: url(https://mystickermania.com/cdn/stickers/anime/one-piece-shanks-smile-512x512.png);
    float: left;
    width: 20%;
    padding-left: 17%;
    padding-top: 25%;
}

.mini-three h2 {
    padding-right: 19%;
    font-size: 130%;
    padding-top: 13%;
}

.mini-three p {
    margin-right: 20%;
    margin-left: 20%;
    padding-bottom: 60%;
}

.mini-four {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1438/1438744.png);
    background-size: 100% 100%;
    padding-top: 30%;
}

.mini-four img {
    content: url(https://mystickermania.com/cdn/stickers/anime/chopperhen-walking-512x512.png);
    float: right;
    width: 20%;
    padding-right: 17%;
    padding-top: 23%;
}

.mini-four h2 {
    padding-top: 15%;
    text-align: left;
    font-size: 130%;
    padding-left: 19%;
}

.mini-four p {
    margin-right: 18%;
    margin-left: 18%;
    padding-bottom: 50%;
}

@keyframes boat {
    0% {
        background-position: right;
    }

    20% {
        background-position: center;
    }

    40% {
        background-position: left;
    }

    80% {
        background-position: center;
    }

    100% {
        background-position: right;
    }
}

.footer-logo {
    text-align: center;
    background-color: rgb(161, 143, 119);
    color: aliceblue;
    background-image: url(https://storage.googleapis.com/sticker-prod/QkDGXfpzX5CJo2Mgxle5/37-2.thumb128.png);
    background-size: 24%;
    background-position: right;
    background-repeat: no-repeat;
    animation-name: boat;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.footer-logo h3 {
    color: black;
    -webkit-text-stroke: 1px black;
}

.footer-form {
    background-image: url(https://chpic.su/_data/stickers/w/wanpiisu/wanpiisu_010.webp);
    background-size: 38%;
    background-position-y: 160px;
    background-repeat: no-repeat;
    text-align: center;
    background-color: bisque;
    border: 3px solid;
    border-radius: 20px;
}

.footer-credit {
    background-color: rgba(0, 0, 0, 0.123);
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-radius: 20px;
    color: white;
    text-align: center;
    margin-top: 15px;
}



@media screen and (min-width: 794px) {
    #content .content-first {
        padding-top: 15%;
        margin-left: 10%;
        margin-right: 10%;
    }

    #content .content-second {
        padding-top: 27%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .articles .row-second img {
        width: 100%;
        opacity: 1;
    }

    .content-aside aside {
        width: 33%;
    }

    .articles .row-first .article:first-child img {
        width: 10%;
    }

    .articles .row-first .article:nth-child(2) img {
        width: 15%;
    }

    .articles .row-first .article:last-child img {
        width: 10%;
    }

    .mini-one {
        padding-top: 1%;
    }

    .mini-one img {
        width: 20%;
        padding-left: 17%;
        padding-top: 13%;
    }

    .mini-one h2 {
        padding-top: 9%;
        font-size: 130%;
    }

    .mini-one p {
        margin-right: 20%;
        padding-bottom: 150px;
    }

    .mini-two {
        background-size: 100% 100%;
        padding-top: 80px;
    }

    .mini-two img {
        width: 20%;
        padding-right: 17%;
        padding-top: 100px;
    }

    .mini-two h2 {
        padding-top: 9%;
        text-align: right;
        font-size: 130%;
    }

    .mini-two p {
        margin-left: 20%;
        padding-bottom: 150px;
    }

    .mini-three {
        background-size: 100% 100%;
        padding-top: 110px;
    }

    .mini-three img {
        width: 20%;
        padding-left: 17%;
        padding-top: 4%;
    }

    .mini-three h2 {
        font-size: 130%;
    }

    .mini-three p {
        margin-right: 20%;
        padding-bottom: 150px;
    }

    .mini-four {
        background-size: 100% 100%;
        padding-top: 3%;
    }

    .mini-four img {
        width: 20%;
        padding-right: 15%;
        padding-top: 13%;
    }

    .mini-four h2 {
        padding-top: 9%;
        text-align: right;
        font-size: 130%;
    }

    .mini-four p {
        margin-left: 18%;
        padding-bottom: 150px;
    }

    .footer-logo {
        background-size: 10.5%;
    }

    .footer-form {
        background-size: 35%;
        background-position-y: 0px;
    }

}

@media screen and (min-width: 1020px) {
    #header {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-left: 10%;
        margin-right: 10%;
    }

    #header h1 {
        border-bottom: 2px solid white;
        border-radius: 20px;
        text-align: center;
        padding-top: 90px;
        padding-left: 10px;
    }

    #header h3 {
        border-right: 2px solid white;
        border-left: 2px solid white;
        border-radius: 23px;
        text-align: center;
        background-color: rgba(240, 248, 255, 0.285);
    }

    .content-aside aside {
        width: 20%;
    }

    .articles .row-first .article:first-child img {
        width: 7%;
    }

    .articles .row-first .article:nth-child(2) img {
        width: 10%;
    }

    .articles .row-first .article:last-child img {
        width: 7%;
    }

    .articles .row-second img {
        opacity: 1;
    }

    .mini-one {
        background-size: 100% 100%;
        padding-top: 1%;
    }

    .mini-one img {
        width: 19%;
        padding-left: 17%;
        padding-top: 7.3%;
    }

    .mini-one h2 {
        padding-top: 9%;
        font-size: 130%;
    }

    .mini-one p {
        margin-right: 20%;
        padding-bottom: 150px;
    }

    .mini-two {
        background-size: 100% 100%;
        padding-top: 80px;
    }

    .mini-two img {
        width: 20%;
        padding-right: 17%;
        padding-top: 50px;
    }

    .mini-two h2 {
        padding-top: 9%;
        text-align: right;
        font-size: 130%;
    }

    .mini-two p {
        margin-left: 20%;
        padding-bottom: 150px;
    }

    .mini-three {
        background-size: 100% 100%;
        padding-top: 110px;
    }

    .mini-three img {
        width: 18%;
        padding-left: 17%;
        padding-top: 0%;
    }

    .mini-three h2 {
        padding-top: 3%;
        font-size: 130%;
    }

    .mini-three p {
        margin-right: 20%;
        padding-bottom: 150px;
    }

    .mini-four {
        background-size: 100% 100%;
        padding-top: 110px;
    }

    .mini-four img {
        width: 18%;
        padding-right: 17%;
        padding-top: 0%;
    }

    .mini-four h2 {
        padding-top: 4%;
        text-align: right;
        font-size: 130%;
    }

    .mini-four p {
        margin-left: 18%;
        padding-bottom: 150px;
    }

    .footer-logo {
        background-size: 6.5%;
    }

    .footer-form {
        background-size: 22%;
        background-position-y: 0px;
    }
}