body{
    font-family:sans-serif;
    margin:0;
    padding:0;
    background:#ededed;
}



.contentPanel {
    background:#ffffff;
    padding:15px;
}

main {
    padding:15px;
}

.warning {
    color:red;
}

.username {
    color:#ffffff;
}

.progress {
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
}

.progress div {
    width:50px;
    background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(227,253,45,0.711922268907563) 100%);
    height:16px;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef;
    border-right:1px solid #efefef;
}

.progress div:first-child{
    border-left:1px solid #efefef;

    border-radius:16px 0 0 16px;
}
.progress div:last-child{
    border-radius:0 16px 16px 0;
}

.flex-grow-1 {
    flex-grow: 6;
    flex-basis: 60%;
  }

  .flex-grow-0 {
    flex: 2;
    flex-basis: 20%;
  }