@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;font-family:Quicksand;color:#333}main{width:100vw;height:100vh;background-color:#f3f3f3}.body{width:100vw;background-color:#f3f3f3;padding:100px 50px 50px}.navbar{position:fixed;background-color:#fff;width:100%;padding:20px;display:flex;align-items:baseline}.navbar h1{font-size:2vmax}.navbar p{margin-left:16px;padding:6px}.navbar button{background-color:#ad9ec7;border-radius:8px;font-weight:700;color:#fff;padding:10px;margin-left:20px;text-align:center;cursor:pointer}.login{position:absolute;right:1%}.login-icon{width:30px;height:30px}.login p{display:inline-block;margin:0}.home-title{width:100%}.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-width:100vw;margin-top:20px;padding-left:0;gap:20px}.article-card{border-radius:8px;background-color:#fff;max-width:75vw}.all-articles-images{border-top-left-radius:8px;border-top-right-radius:8px;max-width:100%;min-width:250px}.article-card-contents{text-wrap:wrap;text-align:center;margin:0 auto 0 0}.single-article{width:95%;margin-left:2%}.single-article h2{font-size:30px}.single-article-author{font-weight:700}.single-article-image{border-radius:8px;max-width:35%;min-width:300px;display:block;margin:20px auto 30px}.single-article-topic{font-style:italic;font-weight:500}.single-article-votes{margin-top:10px;color:#800580;font-weight:500}.vote{display:inline-block;width:0;height:0;outline:none}.upvote{padding:0;border:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid green;background-color:#f3f3f3;cursor:pointer}.downvote{padding:0;border:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid red;background-color:#f3f3f3;cursor:pointer}.comments-list{width:100%;margin-top:30px;margin-bottom:30px}.comments-list h3{font-size:20px}.comment-card{width:80%;padding:10px;margin-bottom:10px;background-color:#ede8f5;border-radius:8px}.comment-card-author{font-weight:700}.comment-card-body{font-style:italic}.comment-card-votes{color:#800580;font-weight:500}.topic-card{display:flex}.topic-card h4{margin-right:10px}.loading-animation{height:100px;width:100px;margin:auto}footer{position:static;left:0;bottom:0;background-color:#f3f3f3;height:40px;width:100%;border-top:1px solid #333}footer p{font-weight:700;margin-top:8px;margin-left:20px}