static/style.css

@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap);

[data-testid="stHeader"]{
    background-color: rgba(0, 0, 0, 0);
}

.st-emotion-cache-10trblm{
    text-align: center;
}

.e1nzilvr2 h1{
    font-family: 'Rubik', sans-serif;
}

.e1nzilvr2 h3{
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    margin-bottom: 3%;
}

.e1f1d6gn3 .row-widget label .e1nzilvr5 p{
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}

.e1f1d6gn3 .row-widget .st-ae{
    border: none;
}

.e1f1d6gn3 .stNumberInput label .e1nzilvr5 p{
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}

.e1f1d6gn3 .stNumberInput .e116k4er3{
    border: none;
}

.e1f1d6gn3 .stButton .ef3psqc12 .e1nzilvr5 p{
    font-family: 'Rubik', sans-serif;
}

.e1f1d6gn3 .stButton{
    text-align: center;
}

.e1f1d6gn3 .stButton button:hover{
    background-color: white;
    color: black;
    border: none;
}