* {
    cursor: url(cur.png) auto !important;
    box-sizing: border-box;
}

body{
    background: #000;
    background-image: url(https://i.pinimg.com/1200x/96/e9/a1/96e9a1ccef899df7d8258774dae80de0.jpg);
    background-size: cover;
    font-size: 2rem;
}

/* header */
header {
    margin: 10px 0 10px;
    padding: 2px 2px;
    background-color: transparent;
    background-image: url("https://i.pinimg.com/736x/62/74/19/627419084862d3f168af0f7bc84b3fb9.jpg");
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    text-align: center;
    font-size: 70%;
}

header a:not(:last-child):after {
    content: " ➳ ";
    color: #ffffff;
    text-shadow: #442568 0.5px 1px 0.5px;
}

header a:link,
header a:visited {
    color : #ffffff;
    text-shadow: #442568 0.5px 1px 0.5px;
}

.container {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto 10px;
}

/* main */
main {
    background: url(https://i.pinimg.com/1200x/be/ce/30/bece30a7f458674f454550dfd2f8621e.jpg)  #fceef4d4;
    padding: 6px 0px;
    font-size: 1.2em;
    background-size: cover;
    border: solid 3px #ffffff;
    box-shadow: 0px 0px 6px #442568;
}

main .left,
main .right {
    padding: 10px;
}

.col {
    display: table-cell;
    vertical-align: top;
}

.col.w-25 {
    width: 25%;
}
.col.w-50 {
    width: 50%;
}

/* left */
.Infos {
    overflow: hidden;
    background: url(https://i.pinimg.com/originals/40/eb/71/40eb71374bfd72140300dbd8c8e5ba4a.gif);
    background-size: cover ;
    padding: 4px 7px;
    border: 2px inset #442568;
}

.Infos h1{
    color: #ffffff;
    text-shadow: 2px 2px 0.5px #442568;
}

.Infos p {
    color : #ffffff;
    text-shadow: 2px 2px 0.5px #442568;
    margin: 5px 0;
}

.Infos img {
    width: 100%;
    border: 3px inset #ffffff;
    background: #fff9fb;
    box-shadow: 5px 8px #442568;
}

.Status img {
    width: 100%;
}

/* center */
.Lore {
    background: #ffffff;
    background-size: cover;
    background-color: #e1eeffc4;
    padding: 4px 7px;
    border: 2px inset #442568;
}

.Lore p {
    margin: 10px;
    color : #ffffff;
    text-shadow: 2px 2px 0.5px #442568;
}

.Lore img {
    width: 100%;
    border: 3px inset #ffffff;
    background: #fff9fb;
    box-shadow: 5px 8px #442568;
}

.Gallery img {
    width: 100%;
}

/* right */
.Citation {
    background: url(https://i.pinimg.com/originals/8d/5a/2f/8d5a2fef45b33b24403c703115bced55.gif);
    background-size: cover;
    background-color: #e1eeffc4;
    padding: 4px 7px;
    border: 2px inset #442568;
}

.Citation p {
    margin: 10px;
    color : #ffffff;
    text-shadow: 2px 2px 0.5px #442568;
}

.Blinkies {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    margin: 10px 0;
}

.Blinkies img {
    width: 100%;
}

.Random img {
    width: 100%;
}

/* footer */
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    background: url(https://i.pinimg.com/736x/62/74/19/627419084862d3f168af0f7bc84b3fb9.jpg);
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
}

/* Responsive design */
@media (max-width: 768px) {
    .container {
        width: 95%;
    }
    header {
        font-size: 60%;
    }
    body {
        font-size: 1.5rem;
    }
    main {
        font-size: 1em;
    }
    .Blinkies {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 480px) {
    header {
        font-size: 50%;
    }
    body {
        font-size: 1.2rem;
    }
    footer {
        font-size: 60%;
    }
}