/* quila bunny kid <3 */

body {
    background-color: #382e32;
    font-family: "Comic Relief";
    font-size: 22px;
    line-height: 33px;
    color: #f0dbe4;
    cursor: url("/media/angelcursor.ico"), auto;
    min-height: 100vh;
    text-underline-offset: 2px;
}

@font-face {
    font-family: "Comic Relief";
    src: url("/media/ComicRelief-Regular.woff2");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Comic Relief";
    src: url("/media/ComicRelief-Bold.woff2");
    font-weight: bold;
    font-display: swap;
}

/* link style */
a {
    color: #e0b8ca;
    text-decoration: none; /* removes underline */
}

/* link style when hovered over */
a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.box {
    color: #e0b8ca;
    font-weight: bold;
}

.box:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.boxtext {
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.notice {
    background: #2a2226;
    border: 3px solid #705c65;
    box-shadow: inset 0 1.5px 1.5px rgba(0, 0, 0, 0.05);
    border-radius: 9px; /* 6px would match osu web proportions */
    padding: 28.5px;
    min-height: 30px;
    margin: 0;
    max-width: 1335px;
    width: 100%;
}

.invisiblediv {
    max-width: 1335px;
    width: 1335px;
    margin: 0;
    /* border: 1px solid #ffffff; */
}

.image {
    max-width: 1335px;
    width: 100%;
}

/* copied osu blockquote css */
blockquote {
    font-size: inherit;
    padding: 0 0 0 30px;
    border: none;
    color: #f0dbe4;
    position: relative;

    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 100%;
        border-radius: 15000px;
        background-color: #f0dbe4;
    }

    // quote tag
    h4 {
        font-size: inherit;
        color: #f0dbe4;
        margin: 0;
        margin-bottom: 15px;
    }
    /*
    // second and deeper levels
    blockquote {
        font-size: 1.35em;

        &::before {
            display: none;
        }

        h4 {
            color: inherit;
        }

        // flatten quotes fifth level and onwards
      blockquote blockquote blockquote {
            padding-left: 0;
            font-size: 1.5em;
        }
    }*/
}

/*










copy pasted:

Make the width and height attributes actually set the width and height of the element.
Also remove default margins & padding which can sometimes break layout. */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

/* Make media behave better */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/* Forbid weird hyphenation in headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    text-wrap: balance;
}

/* Use a more thoughtful algorithm for deciding where to wrap lines.
Also allow the text to 'breathe' into the available space slightly, rather than having a ragged trailing edge. */
p {
    text-wrap: pretty;
    text-align: justify;
}

/* Don't override fonts with browser defaults */
input,
button,
textarea,
select {
    font: inherit;
}