/*
 * this CSS was made by Bobby Hiltz https://bobbyhiltz.com  
 * the colours are based on the Dracula theme https://draculatheme.com/
*/



@font-face {
  font-family: interlope; /* Interlope by Gabriel Dubourg. Distributed by velvetyne.fr. */
  src: url(Interlope-Regular.woff);
}

html {
    font-size: 100%;
}

body {
    color:#f8f8f2;
    background:#44475a;
    font-size:20px;
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 50rem;
    padding: 1rem;
}

header {
    text-align: center;
    border-bottom: 4px solid RGB(189, 147, 249);
}

footer {
    text-align: center;
    border-top: 4px solid RGB(189, 147, 249);
}

header h1 {
    color: #bd93f9;
    font-size: 3.5em;
    margin: 1rem 0 0.5rem 0;
    font-family: interlope;
    text-shadow: 2px 2px #282a36;
}

.interlope {
    font-family: interlope;
}

.fancy {
        font-feature-settings: "ss01";
}

header h2 {
    margin: 0.5rem 0 1rem 0;
    font-size: 1.5em;
    font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.socials {
    margin: 1rem;
}

.socials img {
    height: 2rem;
}

blockquote {
    padding: 1rem;
    background: RGB(98, 114, 164);
    border-left: 4px solid RGB(189, 147, 249);
    box-shadow: 5px 5px #282a36;
}

blockquote p {
    margin: 0;
    font-size: larger;
}

cite {
    font-size: smaller;
}