:root{--light-shade:#f4f3ed;--light-accent:#eba84a;--mid-grey-shade:#c6cada;--dark-accent:#794233;--dark-shade:#363736}*{box-sizing:border-box;margin:0;padding:0}.Article .author-and-topic,.Comments ul li .votes,.Comments ul li form,.ErrorMessage,.Footer,.Login,.Login form,.Nav,.Nav .user-greeting,.Nav ul li{display:flex}.Footer,.Login,.Login form,.Nav ul li{flex-direction:column}.Article section,.Articles ul,.Logo,.Logo a{display:block}.Logo,.Logo a span,.NotFound p.emoji{text-align:center}.Comments ul li .votes p,.Nav .user-greeting p{text-align:right}body{background-color:#f4f3ed;background-color:var(--light-shade);font-family:Arial,Helvetica,sans-serif;min-width:320px}.Logo{background-color:#eba84a;background-color:var(--light-accent);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-transform:uppercase}.Logo h1,.Nav h1{display:inherit;font-size:inherit;font-weight:inherit}.Logo a span{background-color:#000;color:#fff;display:inline-block;height:2.5rem;margin-right:7px;padding-top:.1rem;width:2.5rem}.Logo a span.Logo-news{background-color:initial;color:#363736;color:var(--dark-shade);margin-right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Nav{align-items:center;background-color:#c6cada;background-color:var(--mid-grey-shade);justify-content:space-between}.Nav ul li{list-style-type:none}.Nav ul li a{color:#794233;color:var(--dark-accent);font-weight:700;padding:5px;text-transform:capitalize}.Nav ul li a.selected-topic,.Nav ul li a:hover{background-color:#f4f3ed;background-color:var(--light-shade)}.Nav .sign-up-link a{font-size:1.2em}.Nav .sign-up-link a,.Nav .user-greeting a{color:#794233;color:var(--dark-accent)}.Nav .user-greeting{align-items:center;flex-wrap:wrap;justify-content:flex-end}.Nav .user-greeting img.avatar{border-radius:50%;height:50px;margin-left:10px;width:50px}.Footer{background-color:#eba84a;background-color:var(--light-accent);color:#363736;color:var(--dark-shade);font-size:1.1em}.Footer p{padding:5px 0}.Footer a{color:#363736;color:var(--dark-shade);font-weight:700;padding-left:15px;padding-right:15px;text-decoration:none}.Footer a:first-child{border-right:2px solid #363736;border-right:2px solid var(--dark-shade);padding-left:0}.Footer a:hover{text-decoration:underline}.Articles ul{list-style-type:none}.Articles ul li{margin:10px 0}.Articles ul li img{width:100%}.Articles ul li a{color:inherit;text-decoration:none}.Articles ul li strong{text-decoration:underline}.Articles ul li .Articles--topic{color:#794233;color:var(--dark-accent)}.Articles select{font-family:inherit;padding:10px;width:100%}.Article h1{font-size:1.5em}.Article .author-and-topic{border-bottom:2px solid #eba84a;border-bottom:2px solid var(--light-accent);justify-content:space-between;margin-bottom:10px}.Article .author-and-topic p{color:#794233;color:var(--dark-accent);font-size:1.1em;padding:10px 0}.Article .author-and-topic strong{color:#363736;color:var(--dark-shade)}.Article section img{border:2px solid #000;border-radius:3px;width:100%}.Article section .article-body{font-size:1.1em;padding:10px 0}.Article .related-content{background-color:#eba84a;background-color:var(--light-accent);border-radius:5px;padding:10px}.Article .related-content ul li{list-style-position:inside;list-style-type:square;margin-top:5px}.Article .related-content ul li a,.Article .related-content ul li a:visited{color:#363736;color:var(--dark-shade);list-style-position:inside;list-style-type:square;margin-top:5px}.Comments{background-color:#c6cada;background-color:var(--mid-grey-shade);border-radius:5px;margin:10px}.Comments h2{border-bottom:2px dashed #363736;border-bottom:2px dashed var(--dark-shade);color:#363736;color:var(--dark-shade);padding-bottom:5px}.Comments ul li{background-color:#f4f3ed;background-color:var(--light-shade);border:2px solid #794233;border:2px solid var(--dark-accent);border-radius:10px;list-style-type:none;margin:5px 0}.Comments ul li .title{border-bottom:2px solid #794233;border-bottom:2px solid var(--dark-accent);margin-bottom:3px;padding-bottom:3px}.Comments ul li .title .delete{color:#794233;color:var(--dark-accent);float:right;font-family:Consolas,Courier New,Courier,monospace;text-decoration:none}.Comments ul li .comment{white-space:pre-wrap}.Comments ul li .votes{align-items:center;background-color:#c6cada;background-color:var(--mid-grey-shade);border-radius:3px;flex-wrap:wrap;font-size:1.2em;justify-content:space-around;margin-top:5px;padding:3px}.Comments ul li .votes a{border:1px solid transparent;color:#363736;color:var(--dark-shade);flex-grow:1;padding:3px;text-decoration:none;width:100px}.Comments ul li .votes p{flex-grow:2;margin-left:10px;margin-right:10px}.Comments ul li form{flex-wrap:wrap}.Comments ul li form textarea{flex-grow:6;font-family:inherit;font-size:1em;margin:2px;max-width:100%;padding:5px}.Comments ul li form button{background-color:#e6ebff;border:2px solid #363736;border:2px solid var(--dark-shade);border-radius:5px;color:#363736;color:var(--dark-shade);flex-grow:1;font-family:inherit;font-size:.9em;margin:2px;min-height:30px;padding:5px}.Comments ul li .votes .voted{background-color:#eba84a;background-color:var(--light-accent);border:1px solid #363736;border:1px solid var(--dark-shade);border-radius:3px;color:#222;font-weight:700}.ErrorMessage{align-items:center;background-color:pink;border:2px solid #794233;border:2px solid var(--dark-accent);border-radius:3px;flex-wrap:wrap;margin-top:5px}.ErrorMessage div{font-size:2em}h1.Login{text-align:center}.Login section{margin-bottom:20px}.Login form label{margin:10px 0}.Login form label select{margin-top:10px;padding:10px;width:100%}.Login form button{background-color:#389638;border:none;border-radius:5px;color:#f4f3ed;color:var(--light-shade);font-size:1.5em;font-weight:700;padding:10px}.NotFound p{margin-bottom:15px;margin-top:10px}.NotFound p.emoji{font-size:50vw}.Article,.Articles,.Comments,.Comments li,.ErrorMessage,.Footer,.Login,.Logo,.Nav,.NotFound{padding:10px}@media only screen and (min-width:700px){.Logo{font-size:2.5rem;text-align:left}.Logo a span{height:3rem;margin-right:10px;padding-top:.1rem;width:3rem}.Nav ul li{border-left:2px solid #363736;border-left:2px solid var(--dark-shade);display:inline-block;padding:0 15px}.Nav ul li:first-child{border-left:none;margin-left:-5px;padding-left:0}.Footer{flex-direction:row-reverse;justify-content:space-between}.Articles select{border:2px solid #363736;border:2px solid var(--dark-shade);border-radius:3px;display:block;margin:0 auto;min-width:300px;width:30%}.Articles ul{display:grid;grid-template-columns:repeat(6,1fr)}.Articles ul li:first-child,.Articles ul li:nth-child(2){grid-column:span 3}.Articles ul li{grid-column:span 2;margin:20px}.Articles ul li img{width:100%}.article-parent{display:flex}.Article{width:100%}.Article section img{box-shadow:0 0 30px #794233;box-shadow:0 0 30px var(--dark-accent);float:right;margin:15px 15px 0 30px;width:40%}.Article .related-content{padding:15px}.Comments{margin-right:40px;min-width:30%;width:30%}.Comments ul li .votes p{text-align:left}.Comments ul li .title .delete{font-size:.9em;font-weight:700}.Login{flex-direction:row}.Login section{width:50%}.Login section:first-child{border-right:3px solid #c6cada;border-right:3px solid var(--mid-grey-shade);padding-right:15px}.Login section:nth-child(2){padding-left:15px}.NotFound{text-align:center}.NotFound p.emoji{font-size:20em}.Articles,.Comments,.Comments li,.ErrorMessage{padding-left:20px;padding-right:20px}.Article,.Footer,.Login,.Logo,.Nav,.NotFound{padding-left:40px;padding-right:40px}}
/*# sourceMappingURL=main.26fd4db0.css.map*/