body {
    background-color: #7ffff444;
}

.hidden>div {
    display: none;
}

.visible>div {
    display: contents;
}

#news-container {
    margin-top: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.spinnerOff {
    display: none; 
}

.spinnerOn {
    display: "";
}

.img-max {
    max-width: 500px
}

.cloudHidden {
    display: none;
}

.buttonHidden {
    display: none;
}

#blog-posts,
#comments,
#view-counter {
    border: 1px solid #ddd;
    border-radius: 5px;
}

#posts-container,
#comments-container,
#counter-container {
    margin-top: 10px;
    padding: 20px;
}