:root{text-align:center;font-size:16px;--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--bg-secondary:#141418;--transition-speed:600ms}:root,body{font-family:"Courier New"}body{color:#000;background-color:#a9a9a9;margin:0;padding:0}main{margin-left:5rem;padding:1rem}.navBar{position:fixed;background-color:#23232e;background-color:var(--bg-primary);transition:width .6s ease;overflow:auto}.navBar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item{width:100%}.nav-link{display:flex;align-items:center;height:5rem;color:#b6b6b6;color:var(--text-primary);text-decoration:none;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);transition:.6s;transition:var(--transition-speed)}.nav-link:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary)}.nav-link svg{width:2rem;min-width:2rem;margin:0 1.5rem}.link-text{display:none;margin-left:1rem}.fa-primary{color:#ff7eee}.fa-secondary{color:#df49a6}.fa-primary,.fa-secondary{transition:.6s;transition:var(--transition-speed)}.logo{font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:#ececec;color:var(--text-secondary);background:#141418;background:var(--bg-secondary);font-size:1.5rem;letter-spacing:.3ch;width:100%}.logo svg{transform:rotate(0deg)}.logo-text,.logo svg{transition:.6s;transition:var(--transition-speed)}.logo-text{display:inline;position:absolute;left:-999px}.navBar:hover .logo svg{transform:rotate(-180deg)}.mainList{display:block;list-style-type:none;margin-left:0;padding:0}.articleCard{display:grid;grid-template-columns:3rem auto;grid-template-rows:auto 1fr 1fr 1fr;grid-template-areas:"signIn signIn" "upVote cardHeader" "noVotes subP" "downVote comP";background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary);border-radius:1.5rem;padding:1rem;margin-bottom:2rem}.signIn{grid-area:signIn;justify-self:left}.indArticleCard{grid-template-columns:3rem auto;grid-template-rows:auto 3rem auto 3rem auto 5rem;grid-template-areas:"signIn signIn" "upVote ." "noVotes cardHeader" "downVote ." ". bodyP" ". subP"}.indArticleCard,.submitComment{display:grid;background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary);border-radius:1.5rem;padding:1rem;margin-bottom:2rem}.submitComment{grid-template-columns:auto;grid-template-rows:auto auto auto auto auto;grid-template-areas:"userLabel" "userInput" "textLabel" "textArea" "subButton"}.commentCard{display:grid;grid-template-columns:3rem auto 5rem;grid-template-rows:2rem auto 2rem 2rem;grid-template-areas:"upVote bodyP bodyP" "noVotes bodyP bodyP" "downVote bodyP bodyP" ". subP delButton";background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary);border-radius:1.5rem;padding:1rem;margin-bottom:2rem}.delButton{grid-area:delButton}.userLabel{grid-area:userLabel;padding:.5rem}.userInput{grid-area:userInput;padding:.5rem}.textLabel{grid-area:textLabel;padding:.5rem}.textArea{grid-area:textArea;padding:.5rem;margin-bottom:1rem}.subButton{grid-area:subButton}.upVote{grid-area:upVote}.downVote{grid-area:downVote}.noVotes{grid-area:noVotes}.bodyP{grid-area:bodyP;text-align:justify;margin-left:1rem}.cardHeader{grid-area:cardHeader}.cardHeader,.comP{justify-self:left;margin-left:1rem}.comP{grid-area:comP}.subP{grid-area:subP;justify-self:left;margin-left:1rem}.articleCard a:active,.articleCard a:link,.articleCard a:visited{background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary)}.articleCard a:hover{color:#b6b6b6;color:var(--text-primary)}.bear{height:50px}header{display:block;margin-left:5rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:#ececec;color:var(--text-secondary);background:#141418;background:var(--bg-secondary);font-size:1rem;letter-spacing:.3ch;height:128px;justify-content:center}header h1{font-size:large}.pagList{display:flex;direction:row;list-style-type:none;justify-content:center}@media only screen and (max-width:600px){.commentCard{grid-template-rows:2rem auto 2rem 5rem}header{margin:0}.mainList{margin-bottom:5rem}header button,header h1{float:center;margin-top:1rem}header button{margin-left:1rem}header p{float:center;margin-top:1rem}.navBar{bottom:0;width:100vw;height:5rem}.logo{display:none}.navBar-nav{flex-direction:row}.nav-link{justify-content:center}main{margin:0}}@media only screen and (min-width:600px){body{margin:0 20rem 0 0}header h1{float:right;margin-right:2rem;margin-top:3rem}header button{float:left;margin-left:10rem;margin-top:3rem}header p{float:left;margin-left:2rem;margin-top:3.25rem}.navBar{top:0;width:5rem;height:100vh}.navBar:hover{width:16rem}.navBar:hover .link-text{display:inline}.navBar:hover .logo svg{margin-left:11rem}.navBar:hover .logo-text{left:0}}
/*# sourceMappingURL=main.752b7f90.chunk.css.map */