@use "general.scss" as *;

body {
    background-color: $black-3;
    background-image: url($images + "/backgrounds/creatorstf_patchnotes.jpg");
    background-blend-mode: soft-light;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#wrapper {
    margin: 0px auto;
    width: 75%;
    color: $white;
    padding: 0 0 5vh;
}

#patchnotes {
    background-color: $not-so-subtle-shadow;
    padding: 3vh;
    border-radius: $default-border-radius;
    font-family: Roboto Thin, Arial, sans-serif;
}

h1 {
    margin: 5vh auto;
    font-family: Roboto Bold, Arial, sans-serif;
    font-size: 8vh;
    text-align: center;
    text-shadow: 0px 0px 2vh $black;
    color: $white-2;
    user-select: none;
}

h2 {
    margin: 0;
    padding-top: 3vh;
    font-size: 5vh;
    font-family: Roboto Medium, Arial, sans-serif;
    border-top: 0.1vh solid $white-2;
    
    &:first-of-type {
        border-top: 0px;
        padding-top: 0px;
    }
}

h3 {
    margin: 0;
    font-size: 2.1vh;
    font-family: Open Sans Light, Arial, sans-serif;
}

p {
    font-size: 2.3vh;
}

ul {
    list-style-image: url($images + "/thatarrowfromthetfblog.svg");
    font-size: 2.7vh;
    font-family: Roboto Thin, Arial, sans-serif;
    padding: 0vh 5vh;
}

li {
    margin-bottom: 0.5vh;
    
    &:last-child {
        margin-bottom: 0;
    }
}

code {
    background-color: $not-so-subtle-gray-shadow;
    padding: 0.3vh 1vh;
    border-radius: $default-border-radius;
    font-family: Roboto Thin, Arial, sans-serif;
    font-size: 2.5vh;
}
