.about-page {
    background-color: #4d1111;
}

.about {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
}

/* marco exterior */
.blinkie-frame {
    position: fixed;

    bottom: 30px;
    left: 30px;

    width: 200px;
    height: 210px;

    padding: 5px;

    border: 1px solid #C89B5A;

    box-shadow:
        0 0 5px rgba(200,155,90,0.5);

    z-index: 100;
}

/* marco interior */
.blinkie-box {
    width: 100%;
    height: 100%;

    overflow-y: auto;

    border: 1px solid #C89B5A;

    background-color: rgba(40, 5, 5, 0.85);

    box-sizing: border-box;

    padding: 8px;
}

/* blinkies */
.blinkie-box img {
    display: block;

    width: 150px;

    margin: 0 auto 8px auto;
}

/* scrollbar */
.blinkie-box::-webkit-scrollbar {
    width: 4px;
}

.blinkie-box::-webkit-scrollbar-track {
    background: transparent;
}

.blinkie-box::-webkit-scrollbar-thumb {
    background: #e8dcc0;
    border-radius: 20px;
}