style.css

input {
    min-width: 20vw;
    margin-bottom: 0.2rem;
    align-self: center;
    margin:1rem;
    min-height:2vh;
    /*border:cornflowerblue 3px solid;*/
}

.overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    /*flex-direction: column;*/
    background: white;
}

.textBox {
    background: cornflowerblue;
    color: black;
}

.circles {
    box-shadow: 0 4px 3px -6px black;
    cursor: pointer
}

#container {

}

#myoptions {
    margin-bottom: 1rem;
}

.textBG {
    border-radius: 5px;
}

html {
    max-height: 100vh;
    max-width: 100vw;
    font-family: 'Helvetica';

}

#sideBar {
    max-width: 20vw;
    margin:0;
    padding: 1rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    background: linear-gradient(#f4f8ff, #fff9e9);
    border-radius: 8px;


}

a{
    color: cornflowerblue;
    text-decoration: none;
}

.tagBar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem;

    display: flex;
    /*background: black;*/
    /*background: linear-gradient(#fffa74, #ffeb6b);*/
    color: rgba(50,50,50,0.9);
    align-items: center;
    /*box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);*/
}

.tag {
    display: flex;
    font-weight:400;
    color: white;
    flex-grow: 1;
    border-radius: 5px;
    justify-content: center;
    box-shadow: 0px 1px 0.5px rgba(50, 50, 50, 0.75);
    background: linear-gradient(cornflowerblue, mediumpurple);
    padding:0.5em;
    margin-right: 1rem;
    font-style: italic;
}

.people {
    min-height: 10vh;
}

.link {
    max-width: 25vw;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    cursor:pointer;
}

.readBy {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    border: 1px solid red;
}
.linkField {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#hidden {
    display:none;
}
.reader {
    border-radius: 5px;
    color:white;
    font-weight: bold;
    align-self: center;
    padding: 0.5rem;
    margin-left: 0.5rem;
    background: linear-gradient(45deg, #ff83b3, #bc9bff)
}