/* MACINTOSH SKIN 
Made by Victoria Drake
*/

@media (prefers-color-scheme: light) {
     :root {
        --color-bg: linear-gradient(0deg, #f470de, #9de6f9);
        --item-bg: #f5f5f5;
        --accent: #f21cf1;
    }
}

@media (prefers-color-scheme: dark) {
     :root {
        --color-bg: #24292e;
        --item-bg: #373f47;
        --accent: teal;
    }
}

:root {
    --shadow-shape: 5px 5px;
    --color-shadow: rgba(0, 0, 0, .2);
    --border-radius: 0;
    --mac-border: 2px solid black;
}

@font-face {
    font-family: Macintosh;
    src: url(/fonts/mac.ttf);
}

body {
    font-family: Macintosh, -apple-system, BlinkMacSystemFont, monospace !important;
    font-size: 14px !important;
    background: var(--color-bg);
}

header>div {
    max-width: 100vw;
}

.header {
    font-size: 12px !important;
    background-color: var(--item-bg);
    border-bottom: var(--mac-border);
    width: 100% !important;
    min-height: 2rem !important;
    height: 2rem !important;
    box-shadow: inset 0px 0px 4px black;
}

.header div {
    margin: 0.3rem 0 0 2.5rem;
}

.header,
.header-item>a,
.menu__item,
#site__name {
    font-size: 14px;
    color: black;
    text-align: left;
    width: 100vw;
}

#logo {
    padding: 0;
    margin: 0;
}

#site__name {
    padding-left: 1;
    padding-bottom: 0.25rem;
}

@media (max-width: 414px) {
    .header,
    .header div {
        padding-top: 0;
        margin: 0;
    }
    #site__name {
        padding-left: 6rem;
        padding-top: 0.35rem;
    }
}

#logo:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCxcGOTcZZmi3AAAAsklEQVQoz3WQsQrCUAxFDwqiYFdBqfgBunT1HwRBcC64+SkuHQUnB+l3OLiIiuDgIurS8YFIeYI41MXwhKbJEnJPbkIgH0P2tCmMMRkJpWLgzIeRLlUBiOhTwZOmWIUceHEi4s0cy5M1TTc7JVNyI3INq8gPfAEG6vzM3eCrJ18cYFWg58pAXWFoOWSnIlcC+cNCXdIhlbJOqjgs/+lJTk5oAJR/wBFDlxsxKwweW0LuAF+oqmUG0oHJeAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0xMS0yM1QwNjo1Nzo1NSswMTowMMHb0OQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMTEtMjNUMDY6NTc6NTUrMDE6MDCwhmhYAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
    position: absolute;
    left: 1rem;
    top: 0.35rem;
}

a {
    font-weight: 600;
    text-decoration: none;
    color: var(--accent);
}


/* Your profile image styles */

#author-img {
    border-radius: 50%;
    border: 2px solid var(--accent);
}

div#author>img#author-img {
    border-radius: 50%;
    border: 2px solid var(--accent);
}


/* Floating window effect */

.feed__content:before {
    height: 12px;
    width: 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    padding-left: 10px;
    padding-bottom: 10px;
    z-index: 1;
    color: var(--item-bg);
    border: var(--mac-border) !important;
    background: repeating-linear-gradient(var(--item-bg), var(--item-bg) 4px, black 4px, black 6px);
    overflow: hidden;
}

.feed__content {
    box-shadow: var(--shadow-shape) var(--color-shadow), inset 0px 0px 4px black;
    background-color: var(--item-bg);
    border: var(--mac-border) !important;
    border-radius: var(--border-radius);
    position: relative;
    padding-top: 3rem !important;
}

@media (prefers-color-scheme: light) {
    .feed__content:before {
        content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAADcnpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjatVZtsuMoDPzPKfYIlgRIHAfzUbU32ONvg4lfkpfZSd54TRlhAVJbLWS79s/f3f2FizeJzge1mGLccPnkE2cMbDuuNHva/OzXw3YbPOjdOcFQCaQcj5rX+gx9+Npw80H7o97ZmmFbhug0PC8Znse43oOEng89+WUotWMQk+k91H0ZKmvhhLJuf8I6xHh2DwpFlGqAI2FuQrLN3g4EMm6SDHn0AIXeMCYhN0VaxhCQh9c7A7jdB+ghyLeRe47+OXoKPuell6dYxhUjDF5OUHjSy+mG7x3LiYgfJ/Z2M/U9yL1X670db5d9RETjyqgZbLqZwcIdIZe5LaIp7oCxzpbQbMtbAeV1K9uOVigRg5XuyFOlTJ3alIUKIHpurJDMBUQNnYly4jIZ86NRZ5UkFayxFG5OBGo+sdD0m6a/QgbPlbCUCcYIW37Z3H9NftJc72WEiDY7YwVcPPIaMAZzo8cqEEJ98RZmgG9t0b/d5c9IVY9lI8yGF8zbfpjYA33llkyeBesC5HGEyGldBhAi+A4Ag4T3tEWSQJE2ZVYixNFAUAZyFs87GKAQuAIke5HITtl4+MYepbmWA0ceatQmEBEkioKbJBlkeR+QP+oNOZSDBB9CiEGDuZBCjhJ9DDFGjaPIZRX1GjSqqmnSbGLegkVTM0uWEydBDQwpJk2WUsqZXYajDFsZ6zM0O++y+z3scdfd9rTngvQpvoQSixYrqeTKVSrKRI1Vq9VUcyPXUCmab6HFps1aarkj17p030OPXbv11PPJ2mL1W/uANVqs8WRqrNOTNWid6s0EjXISBmdgjD2BcR0MIKF5cLYZec+DucHZlhiHIjBAhsGNqzQYA4W+EYdOJ3dfzL3Fmwv2Fm/8O+bcoO4K5hyo+87bC9bq+M6VydhxCkdMN8HpayUa8siwoNTMGKMG/ly6jzaIz0Pe+0ZRmwOXx0f2mPwj+Y6hrvqMbMEYk3to/zuibvkjMHOruwDMK0M/AjOluyZC94Z+DmZKZxfR5i4AM6W7JkL4ibgAzJTuAjCHoQvATOkuADOH7gIwh6ELwEws7gIwP66QL/PXXQDmJ/Xo14fJXQDmw3r0m5PtLgDzfj16p8xcW9je/0K++GYvZO5PfhzeM/TlvOOnJrl/AeKmzq7dSE+cAAABImlDQ1BJQ0MgcHJvZmlsZQAAeJydkL1KxFAQhb/sin+4lWIhFilsF2xMZbMqBEEhxhWMVtkki4tJDEmWxTfwTfRhthAE38AXULD23GhhYRoHhvkYZs6Ze6Fjp1FWLexCltel6w+Cy+DKXnrDokuPFawwqoqB553QGp+vmla89I1W+9yfsRgnVaQ6V+ZRUdZg7YudWV0YVrJxO/QPxQ9iO87yWPwk3omz2LDZ9bN0Gv1ommvWkvzi3PSV27gcc4qHzYgpE1Jq+qq5Okc47Km6lITcUxGppiTqzTRTcyOqpORyIBqKdE2L31bj58llJI2JtIzDHZk0jR/mf7/XPs6aTWtzXoRl2LS6ys54DO+P0Atg/RlWr1u8ln+/rWXGaWb++cYvXttQIBcSRLsAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+UBAw0LE8oarYkAAAA4SURBVCjPY9zI8I4BNxBiYHnH0Pkft4JyRhYGBgaG6zikNRkYGJgYCIBRBdRSwAILc1yAkVB0AwA5Mgee+b7GbwAAAABJRU5ErkJggg==');
    }
    #webmentions h2 {
        color: black;
    }
    .webmention__meta>a,
    .pag__link {
        color: white !important;
    }
}

@media (prefers-color-scheme: dark) {
    .feed__content:before {
        content: '■';
        color: black;
    }
}


/* Images in entries */

.enclosure {
    box-shadow: var(--shadow-shape) var(--color-shadow);
    background-color: var(--color-bg);
    border-radius: var(--border-radius);
}


/* Page separator */

hr {
    width: 90%;
}