@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    font-family: 'Roboto';
}

.visiblechildren>* {
    background-color: lightgreen;
    color: black;
    padding: 10px;
    margin: 10px;
}

.visibleself {
    background-color: lightblue;
    color: black;
    padding: 10px;
    width: fit-content;
}

.listitem {
    background-color: lightslategray;
    color: black;
    padding: 10px;
    margin: 10px;
}

.task {
    display: inline-block;
    width: fit-content;
    background-color: lightslategray;
    margin: 10px;
}

.imagecont {
    display: inline-block;
    width: fit-content;
    background-color: lightslategray;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.task div {
    width: 200px;
    color: white;
    padding: 10px;
    margin: 10px;
}

ul {
    margin-block: 0;
    padding-inline: 0;
}

img {
    width: 128px;
}