* {
    color: white;
}
body {
    margin:0;
    min-height: 100vh;
    background-color: rgb(66, 0, 0);
}

.maincontent {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
h1,h2,h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}
.titlebar {
    height:3em;
    display:flex;
    flex-direction: row;
    align-items:flex-start;
    justify-content: center;
    background-color: rgb(111, 22, 22);
    border-color:darkred;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    border-width: 2px;
    border-bottom-style: solid;
    padding:0px;
}
/* all kids of titlebar (elements) */

.titlebar > * {
    cursor: pointer;
    display:flex;
    margin-top: 0;
    padding: 0.5em 0;
    flex-basis: 10em;
    justify-content: center;
    background-color: rgb(66, 0, 0);
    border-color:darkred;
    border-width: 2px;
    border-bottom-style: solid;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.titlebar > *:hover {
    background-color: rgb(60, 0, 0);
    border-bottom-style: none;
}
/*first and last button get a rouded corner*/
.titlebar > div:first-child {
    border-bottom-left-radius: 1em;
}
.titlebar > div:last-child {
    border-bottom-right-radius: 1em;
}
/*links look normal*/
.titlebar > div > a {
    color: inherit;
    text-decoration: none;
}

.blogpost_text {
    padding: 1em;
    background-color: rgb(111, 22, 22);
    border-color:darkred;
    border-radius: 1em;
    border-width: 2px;
    border-style: solid;
}
.blogpost {
    max-width: 50em;    
}
.blogpost_titlebar {
    display: flex;
    border-radius: 1em;
    text-decoration: underline;
    background-color: darkred;
}
.blogpost_titlebar > div:first-child {
    background-color: rgb(111, 22, 22);
    border-radius: 1em;

    padding-left: 1em;
    padding-right:0.5em;
}
.blogpost_titlebar > div:last-child {
    background-color: rgb(111, 22, 22);
    border-radius: 1em;
    margin-left: auto;
    padding-right: 1em;
    padding-left:0.5em;
}
.blogpost_title {
    text-align: center;
}
form {
    color: black;
}
input,
textarea,
button {
    background-color: rgb(111, 22, 22);
    border-color:darkred;
    border-radius: 1em;
    border-width: 2px;
    border-style: solid;
    color:black;
}
button {
    color: white;
}