body {
    margin-left: 1em;
}
.idea {
    border: solid 2px black; 
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 1em;
    width: 50%;
}
.title {
    margin-left: 1em;
    margin-bottom: 0;
    display: inline;
}
.rating {
    display: inline;
    margin-left: 1em;
}
.text {
    margin-left: .5em;
    margin-top: .5em;
    font-family: monospace;
    font-size: 1.25em;
    white-space: pre-wrap;
}
.creation {
    margin-bottom: .3em;
}
.author {
    font-style: italic;
}
.date {
    color: #bcbcbc;
}
.error {
    color: red;
}
.idea form {
    display: inline;
}
textarea[name="text"] {
    border: solid 2px black;
    border-radius: 5px;
    margin-top: .3em;
    margin-bottom: .3em;
    resize: none;
}
h3 {
    margin-bottom: 0;
}
span#link {
    color: #b38eac;
}
span#link:hover {
    cursor: grab;
    text-decoration: underline;
}
span#link.copied {
    color: #b38eac;
}
span.link:hover {
    cursor: grab;
}
input[type="text"]{
    border-radius: 3px;
    border: solid 1px black;
}
input[name="author"] {
    margin-bottom: .3em;
}
a.edit {
        padding: 1px 6px;
    border: 1px buttonborder solid black;
    border-radius: 3px;
    color: buttontext;
    background-color: buttonface;
    text-decoration: none;
    /*color: black;*/
    /*border: solid 2px black;*/
    /*padding: 4px;*/
    /*border-radius: 2px;*/
    /*text-decoration: none;*/
}