body {
    text-align: center;
    background-color: #33cccc;
    background: linear-gradient(-90deg, #ffaaff, #ffffff); 
}

.list {
    text-align: left;
}

.question {
    text-align: left;
}

.barleft {
    text-align:start
}

.barright {
    text-align:end
}


.main-section {
    margin: px 0;
    max-width: 600px;
    width: 100%;
    margin: auto
}

.profile-pic {
    border-radius: 100%;
    object-fit: cover;
    object-fit: 50% 50%;
    /* We'll add a margin to the top of the image to give it some space from the text below it */
    margin-top: 20px;
    transition: all 0.35s ease-in-out;
}
    

main {
    text-align: center;
}

.column a {
    font-size: 25px;
    text-decoration: none;
}

a {
    color: purple;   
    text-decoration: underline;
}

a:hover {
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
}

a:visited {
    color: purple;
}

a:active {
    color: #0000FF
}

@font-face {
    font-family: RockwellBold;
    src: url(/fonts/rockwell_bold/rockwell-bold.ttf);
}