body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#282c34;color:#faebd7;text-align:center}.logo{font-size:50px;margin:17px 0 0}.header{display:flex;flex-direction:row;justify-content:space-between}.loginButton{color:#faebd7;font-size:66px;padding-top:5px;width:80px}.signInLink{font-size:large;margin-top:-11px}.users{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.loggedUser{margin-right:10px}.userCard{border:4px solid #79756f;border-radius:19px;color:#282c34;color:#faebd7;display:flex;flex-direction:column;height:200px;justify-content:center;margin:8px;padding:5px;width:200px}.userCard:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.avatar{height:150px;width:150px}.currentUsername{font-size:medium;margin-top:-15px}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #fff;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.header{border-bottom:4px solid #79756f}.articles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.article{border:4px solid #79756f;border-radius:19px;color:#faebd7;height:300px;margin:8px;padding:5px;width:300px}.article:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.articleTitle{font-size:x-large;font-style:italic;font-weight:700}.articleLink{color:#000;text-decoration:none}.singleArticleContainer{display:flex;justify-content:center}.singleArticle{border:3px solid #79756f;border-radius:20px;font-size:large;justify-content:center;width:66%}.singleArticleInteractions{display:flex;flex-direction:row;justify-content:space-around}.singleComments{display:flex;justify-content:space-between;width:40px}.singleVotes{display:flex;font-size:x-large;justify-content:center;margin-top:10px;width:60px}.singleDate{font-size:small;margin-top:2px}.singleAuthor{font-size:smaller;margin:0}.singleTitle{font-size:x-large;text-decoration:underline}.successMessage{color:#30f530}.commentLink{text-decoration:none}.commentSubmit{background-color:#4d4f52;color:#faebd7;cursor:pointer}.comment{border:2px solid #faebd7;border-radius:5px;margin:5px}.comment:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.commentContainer{display:flex;flex-direction:column;justify-content:center;width:100%}.comments{display:grid;margin:auto;min-width:250px;width:50%}.commentAdder{border:.1px solid #faebd7;color:#faebd7;margin-left:120px;margin-top:35px;padding:15px;position:fixed;width:35px}.commentInfo{display:flex;justify-content:space-around}.refreshComments{background-color:#4d4f52;color:#faebd7;cursor:pointer;font-size:inherit;font-weight:700;width:100px}.addComment{display:inline-flex}.postFeedback{color:red}.comment{outline:none}.commentInput :focus{border:3px solid #79756f}.votesContainer{display:inline-flex}.voter{margin:17px 5px}.backButton{background-color:#4d4f52;border:.1px solid #faebd7;max-width:12%;padding:15px;position:fixed}.backButton,.topic{color:#faebd7}.articleVote{padding-top:10px}.voteCount{margin-top:10px}.voteButton{background-color:#282c34;border:0;color:#faebd7;font-size:inherit;padding-bottom:20px}#addVote:hover{color:green}#minusVote:hover{color:red}.errorButton{display:inline;height:70px;width:110px}.homeLink{text-decoration:none}.voteButton:disabled{cursor:not-allowed}.failedVote{border:2px solid red;border-radius:8px;color:red;margin-top:0;padding:4px}.topics{border:1px solid #79756f;display:flex;flex-wrap:wrap;justify-content:space-evenly}.topicLink{color:#faebd7;text-decoration:none}.topicName{border:1px solid #79756f;border-radius:5px;font-size:xx-large;margin:5px;padding:2px}.topicName:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.shareIcon{border:4px solid #faebd7;border-radius:50%;height:41px;width:40px;z-index:10}.share{align-items:flex-start;background-color:#faebd77d;display:flex;flex-direction:column;padding:3px;position:fixed}.order{height:50px;width:100%}.viewOptions{width:100%;z-index:0}.dropdown{border:none;display:flex;display:inline-block;font-size:16px;padding:16px;position:relative}.dropbtn,.dropdown{background-color:#282c34;color:#faebd7}.dropbtn{border:1px solid #79756f;border-radius:8px;font-size:medium}.dropdown-content{background-color:initial;display:none;justify-self:center;min-width:160px;position:absolute;z-index:1}.dropdown-content a:hover{background-color:#282c34}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#faebd7;color:#282c34}.dropdownOption{background-color:#faebd7;border:2px solid #282c34;border-radius:10px;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;margin:3px;width:100px}.dropdownOption:hover{-webkit-transform:scale(1.14);transform:scale(1.14)}.dropdownOption:hover .dropdown{padding-bottom:50px}
/*# sourceMappingURL=main.da07f354.css.map*/