body {
    background-color: #3c002d;
    font-family: sans-serif;
}
a {
    color: #3c002d;
}
.mainblock {
    max-width: 800pt;
    margin: auto;
}
.header {
    margin-right: auto;
    margin-left: auto;
    margin-top: 5pt;
    margin-bottom: 5pt;
    background-color: #fff;
    padding: 10pt;
    border-radius: 5pt;
    font-size: larger;
    text-align: center;
    box-shadow: 0 0 12pt #00000058;
}
.subheader {
    box-shadow: none;
    border-color: #3c002dff;
    border-width: 2pt;
    border-style: solid;
    font-size: smaller;
}
.content {
    margin-right: auto;
    margin-left: auto;
    margin-top: 5pt;
    margin-bottom: 5pt;
    background-color: #fff;
    padding: 10pt;
    border-radius: 5pt;
    text-align: center;
    box-shadow: 0 0 12pt #00000058;
}
p {
    background-color: #ededed;
    padding: 10pt;
    text-align: left;
    border-radius: 5pt;
    font-size: smaller;
    color: #999;
}
.cloud {
    border-radius: 10pt;
    padding: 10pt;
    margin-bottom: 5pt;
    font-size: smaller;
    max-width: 100%;
    background-color: #fcfcfc;
    box-shadow:
        0 3pt 1pt #9c9c9c88,
        2pt 2pt 1pt #9c9c9c88;
}
.q {
    border-top-right-radius: 5pt;
    background-color: #3c002d;
    color: white;
    margin-left: 40pt;
    box-shadow:
        0 3pt 1pt #22001a88,
        2pt 2pt 1pt #22001a88;
}
.a {
    border-bottom-left-radius: 5pt;
    margin-right: 40pt;
    color: #3c002d;
    background-color: #ededed;
    box-shadow:
        0 3pt 1pt #9c9c9c88,
        2pt 2pt 1pt #9c9c9c88;
}
.m {
    box-shadow: none;
    border-radius: 10pt;
    border-style: solid;
    border-width: 1pt;
    text-align: left;
}
.flex {
    display: flex;
    flex-flow: row wrap;
    margin: auto;
    padding: 0;
}
.center-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.err {
    background-color: #ffd0d0;
    padding: 10pt;
    text-align: left;
    border-radius: 5pt;
    font-size: smaller;
    color: #7d0000;
    margin-left: auto;
    margin-right: auto;
    max-width: 500pt;
    margin-top: 8pt;
    margin-bottom: 8pt;
}
.blacktext {
    color: black;
}
.input {
    width: 90%;
    height: 150px;
    resize: vertical;
    padding: 10px;
    border-radius: 5pt;
}
.butt {
    background-color: #3c002d;
    color: white;
    margin-top: 20pt;
    margin-bottom: 20pt;
    box-shadow:
        0 3pt 1pt #22001a88,
        2pt 2pt 1pt #22001a88;
    border: none;
}
@media (max-device-width: 600px) {
    .flexforcontent {
        flex-flow: column wrap;
    }
}