:root {
    /* colors */

    --whiteblue: #c8d0e9;
    --lightblue:#99a6cf;
    --blue: #626ea9;
    --darkblue: #343978;
    --blackblue: #0c0a36;

    --whitebrown: #f4d8c4;
    --lightbrown: #cda085;
    --brown: #815c42;
    --darkbrown: #442d1c;

    --pink: #f481a7;
    --yellow: #fac674;
    --green: #96aa62;
    scrollbar-color: var(--yellow) var(--pink);
}

h2 {
    text-align: left;
    font-size: 32px;
    padding-left: 20px;
}

ul {
    margin: 5px;
    padding: 0;
}

#first {
    margin-left: 10px;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    list-style-image: url(https://bloopywoopy.neocities.org/emoji/shapes/ball-pink.png);
}

#second {
    margin-left: 30px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    list-style-image: url(https://bloopywoopy.neocities.org/emoji/shapes/ball-yellow.png);

}

#third {
    margin-left: 40px;
    font-style: italic;
    font-weight: normal;
    list-style-image: url(https://bloopywoopy.neocities.org/emoji/shapes/ball-green.png);

}