.taskcontainer{
    /*border: 2px solid black;*/
    border:none;
    width: 130%;
    margin-left: -15%; /* negative half of the extra width */
    display: flex;
}

.intro{
    border: 2px solid black;
    width: 40%;
    float: left;
    padding: 20px;

}

.task{
    border: 2px solid black;
    width: 60%;
    float: right;
    padding: 25px;
    position: relative;
}

table {
    border-collapse: collapse;
    border-spacing: 30px;
    border: none;
    font-size: 20px;
    width: 100%;
    padding: 10px;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

td{
    padding:0px;
}

label {
    display: inline;
    padding: 0px 1em 0px 8px;
}

p,ul{
    font-size:20px;
}

h2{
    text-align: center;
}

h3{
    text-align: left;
}

.circle-orange{
    width:16px;
    height:16px;
    border-radius: 50%;
    background: orange;
    display: inline-block;
}

.circle-red{
    width:16px;
    height:16px;
    border-radius: 50%;
    background: red;
    display: inline-block;
}

.sticky-div {
    postion:-webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9000;
    background: white;
}