:root {
    font-size: 1em;
    box-sizing: border-box;
}

*,
::before,
::after {
    box-sizing: inherit;
}

body {
    font-family: sans-serif;
}

a:link {
    color: blue;
    text-decoration: underline;    
}

a:visited {
    color: blue;
    text-decoration: underline;
}

a:hover {
    color: darkblue;
    text-decoration: underline;
}

a:active {
    color: darkblue;
    text-decoration: underline;
}

.navLink:link {
    color: white;
    text-decoration: underline;    
}

.navLink:visited {
    color: white;
    text-decoration: underline;
}

.navLink:hover {
    color: white;
    text-decoration: underline;
}

.navLink:active {
    color: white;
    text-decoration: underline;
}

.areaTitle {
    color: lightgray;
    padding: 0.6rem 1rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold;
    background: blue;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

.topic {
    color: blue;
    padding: 0.6rem 1rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: bold;
    background: lightgray;
    border-radius: 8px;
    margin-left: 0.6rem;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    margin-right: 0.3rem;
}

.topbutton {
    padding: 0.6rem 1rem;
    border-radius: 8px;
    margin-left: 0.6rem;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    margin-right: 0.3rem;
}

.area {
    color: #ADC4DC;
    padding: 0.5rem 0rem 0.5rem 1.5rem;
    margin-top: 0.2rem;
    margin-left: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: bold;
    background: yellow;
    border-radius: 8px;
    margin-right: 0.3rem;
}

.itemset { 
    box-sizing: border-box;
    padding: 0.4rem 0.4rem;
    margin-left: 2.4rem;
    margin-bottom: 1rem;
    border: 1px #ADC4DC solid;
    border-radius: 8px;
    margin-right: 0.3rem;
}

.item {
    padding-bottom: 0.8rem;
    overflow-wrap: break-word;
}

.itemAuthor {
    float: right;
    color: burlywood;
    font-style: italic;
    padding-bottom: 0.8rem;
    overflow-wrap: break-word;
}


.itemForm {
    padding-bottom: 0.8rem;
    overflow-wrap: break-word;
}



header {
    background-color: #ADC4DC;
}

.container {
    display: flex;
}

.leftmargin {
    width:10%;
    background-color: #ADC4DC;
    padding-top: 1rem;
    padding-left: 0.5rem;
}

.rightmargin {
    width:10%;
    background-color: #ADC4DC;
    padding-top: 1rem;
    padding-right: 0.5rem;
}

.main {
    width:80%;
    min-height: 800px;
}

.mainTop {
    width:80%;
    display: flex;
}

.headerLogo {
    width:20%;
    margin: 1rem 0rem;
    max-height: 125px;
}

.headerTitle {
    width:35%;
    margin: 1.5rem 0.5rem;
}

.headerDate {
    width:25%;
    margin: 1rem 0.5rem;
}

.colorSSC {
    background: #C32944;
}

.colorFMW {
    background: #BFE1F6;
}

.colorPOST {
    background: #D4EDBC;
}

.colorDefault {
    background: blue;
}

.linkbutton {
    text-decoration: none;
    color: white;
    border-radius: 0.2rem;
    padding: 0.2rem 0.3rem;
    margin-right: 1rem;
    box-shadow: 5px 5px 2.5px grey;
}

.linkbutton:link {
    color: white;
    text-decoration: none;
}

.linkbutton:visited {
    color: white;
    text-decoration: none;
}

.linkbutton:hover {
    text-decoration: none;
    background-color: yellow;
}

.linkbutton:active {
    color: white;
}

.linkbuttonYellow {
    text-decoration: none;
    background: yellow;
    color: black;
    border-radius: 0.2rem;
    padding: 0.2rem 0.3rem;
    margin-right: 1rem;
    box-shadow: 5px 5px 2.5px grey;
}

.linkbuttonYellow:link {
    color: black;
    text-decoration: none;
}

.linkbuttonYellow:visited {
    color: black;
    text-decoration: none;
}

.linkbuttonYellow:hover {
    text-decoration: none;
    background-color: gray;
}

.linkbuttonYellow:active {
    color: black;
}

.label {
    color: white;
    font-weight: bold;
}

.labelText {
    font-weight: bold;
}

.formLabel {
    padding-left: 1rem;
    font-weight: bold;
}

.commentLabel {
    padding-left: 1rem;
    color: gray;
}

.formItem {
    padding-left: 1rem;
    padding-bottom: 0.5rem;
    width: 90%;
}

.buttonsArea {
}

.submitButton {
    color: black;
    background: greenyellow;

}