.main-container{
    max-width: 800px;
    width: auto;
    background: #2e2e2e;
    margin: 10px auto;
    border-radius: 20px;
    text-align: left;
    padding: 30px 30px;
    align-content: center;
    word-wrap: break-word;
}
.main-container h2{
    display: inline-block;
    border-bottom: 1px solid grey;
    width:auto;
}
.bar-container{
    display: flex;
    flex-direction: row;
}
.left-container{
    display: inline-block;
    width: 60%;
    vertical-align: top;
}
.right-container{
    display: inline-block;
    width: 35%;
    vertical-align: top;
}

.main-container h3{
    margin-bottom: 5px;
}

.main-container li{
    margin-left: 40px;
}

/* Mobile view */
@media screen and (max-width:600px){
    .main-container{
        margin: 10px auto;
        padding: 10px 0px;
        min-width: unset;
    }
    .left-container{
        padding-left: 10px;
    }
    .main-container ul{
        margin: 0px;
        padding: 0px 0px 0px 15px;
    }
    .main-container ul li{
        margin: 0px 0px 0px 25px;
    }
    .main-container p{
        margin-left: 10px;
    }
}