html {
    --rulv-orange: #ffa000;
    --rulv-red: #ea594a;
    --rulv-green: #AFB42B;
    --rulv-black: #000000;
    --rulv-light-gray: #f5f5f5;
    --rulv-gray: #c4c4c4;
    --rulv-dark-gray: #8D9292;
    --rulv-other-gray: #bebebe;
    --rulv-blue: #1f3855;
    --rulv-white: #fff;
    --rulv-yellow: #f1dd38;
}
body {
    font-family: Roboto Condensed;
}
.div{
    margin: 40px;
    width: 60%;
}
.content{
    margin-top: 10%;
    width: 70%;
}
.header{
    font-family: Roboto Condensed;
    width: 60%;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    color: var(--rulv-blue);
}
.title{
    font-size: 16px;
    font-family: Roboto Condensed;
    font-weight: bold;
    color: var(--rulv-blue);
}
.paragraph{
    font-size: 16px;
    font-family: Roboto Condensed;
    color: #000000;
    opacity: 0.7;
}
.lighten-on-hover {
    transition: opacity 0.5s;
    cursor: pointer;
}
.lighten-on-hover:hover {
    opacity: 0.7;
}
.back {
    font-size: 20px !important;
    color: var(--rulv-blue);
    text-decoration: none;}