body {
    background-color: #f4f4f4;
}

.hidden {
    display: none;
}

#tree-container {
    /* position: absolute; */
    width: calc(100vw - 0px);
    height: calc(100vh - 114px);
    overflow: hidden;
}

#tree {
    width: 100%;
    height: 100%;
}

nav button {
    margin-right: .5rem;
}

nav {
    border-bottom: 1px solid gray;
}

#feedback-count {
    color: magenta;
    border-color: magenta;
}

#task-decomposition-manual-tasks {
    padding: 1rem;
    border: 1px solid transparent;
    background-color: #cff4fc;
    border-color: #b6effb
}

footer {
    border-top: 1px solid gray;
}


.center {
    text-align: center;
}

#task-implementation-box {
    background-color: #f3f3f3;
}

#task-implementation-prompt {
    padding: 0 1rem 1rem;
}

/* Social */
.social {
    margin-left: 4px;
    margin-right: 4px;
    transition-timing-function: ease-in-out;
    transition-duration: .1s;
}

.social-email {
    color: #c71610!important;
}