.all {
    display: flex;
    flex-flow: column;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease-in-out;
}
/*.all:hover {
    transform: scale(1.05);
    box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
}*/
.bio {
    flex-grow: 1;
    flex-flow: row;
    display: inline-flex;
}

.bio-button {
    width: 100%;
    align-self: flex-end;
    margin: 1em 0 0;
}

#expend {
    display: none;
}

#searchbar {
    max-width: 200px;
    overflow: hidden;
    transition: all 0.3s ease;
}

#searchbar:focus {
    max-width: 1000px;
}