* {
    font-family: 'Jost-Black';
    font-size: 100%;
    line-height: 0.95;
    color: white;
}

hr {
    width: 100%;
    border: none;
    border-bottom: 5px solid #6b37be;
    box-shadow: 0 0 20px rgb(150, 69, 243);
}

h1, h2 {
    width: 100%;
    font-family: 'Jost-SemiBold';
    font-size: 1.5rem;
}

h3 {
    width: 100%;
    font-size: 2.5rem;
    text-shadow: 0 0 20px rgba(53, 9, 211, 0.466);
}

a {
    width: 100%;
    font-family: 'Jost-SemiBold';
    font-size: 1.2rem;
}

p, li {
    width: 100%;
    font-size: 1.5rem;
}

.splash {
    display: block;
    object-fit: contain;
    
    width: 100%;
    height: 100%;
}

.pie {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-image: conic-gradient(red 0% 100%);
}

#picked-image {
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: -25px;

    width: 100px;
    height: 100px;
}

#stats-image {
    width: 300px;
    min-width: 300px;
    height: 300px;
    min-height: 300px;
}

#stats-pie {
    width: 15rem;
    min-width: 15rem;
}