#root{max-width:1280px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#050101de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav{font-size:xx-large;border:2px solid black;width:80%;padding:1rem;text-align:center;margin:0 auto}.header-img{height:100px;width:70px;display:block;margin:0 auto}.header-text{font-size:70px;border:10px solid black;border-right:0;border-left:0;text-align:center}.header-text2{text-align:center}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}a{text-decoration:solid;padding-right:10px}a:link{color:#000}a:visited{color:#08707b}a:active{color:#000}.rainbow{animation:rainbow-bg 10s linear;animation-iteration-count:infinite;border-radius:10%;margin-top:30px;padding-top:1%;padding-bottom:50px}.home{font-size:xxx-large;text-align:center;padding:10px;background-color:#fff;margin-top:50px}@keyframes rainbow-bg{to,0%{background-color:red}8%{background-color:#ff7f00}16%{background-color:#ff0}25%{background-color:#7fff00}33%{background-color:#0f0}41%{background-color:#00ff7f}50%{background-color:#0ff}58%{background-color:#007fff}66%{background-color:#00f}75%{background-color:#7f00ff}83%{background-color:#f0f}91%{background-color:#ff007f}}.articles{max-width:100%;margin-top:20px;padding:0;display:flex;flex-wrap:wrap;justify-content:space-around}.article-title{background-color:#b3b0b0;font-size:large;padding:10px;text-align:center;width:250px;height:auto;border:2px solid black;border-radius:25px;margin-bottom:20px;flex-direction:column;align-items:center;transition:transform .2s ease-in-out}.article-title:hover{background-color:gray;transform:scale(1.2)}.article-title img{position:relative;width:100%;border:1px solid black;border-radius:20px;object-fit:cover}.single-article{padding:0 20px 20px;font-size:23px;margin-top:30px;width:700px;background-color:#5d6e5d;border:solid 2px black;color:wh;border-radius:30px}.title{position:relative;text-align:center;color:#fff;border:7px solid white;border-right:0;border-left:0}.author{font-size:34px;text-align:center;color:#fff}.description{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:300;font-style:italic;font-size:24px;color:#fff}.single-article img{border:solid 5px black;right:20px}.loading{text-align:center;margin-top:300px;font-size:75px}.comment-btn{color:#311818;position:relative;border-radius:20px;padding:20px;margin-left:200px;margin-top:34px;font-size:large}.comment-btn:hover{background-color:#5d6e5d;color:#fff}.comments-title{padding:15px;border:solid 2px black;border-radius:20px;margin-top:15px;width:800px}.comments-title:hover{background-color:#faebd7}.comment-author{font-size:xx-large;font-weight:bolder;text-align:center}.comment-body{font-style:italic;border-style:dashed;padding:10px;border-right:0;border-left:0}.comment-date{font-size:medium}.comment-vote{font-size:x-large;text-align:center}.comments-card{padding-top:10px;margin-top:40px}.add-comment{margin-top:50px;margin-left:5px;padding:10px;width:300px}.article-comment{font-weight:700}.comment-area{background-color:#fff;width:300px;height:50px}.add-btn{position:relative;height:55px;padding:20px;bottom:20px}.add-btn:hover{background-color:#5d6e5d;color:#fff}.vote-btn{font-size:xx-large;margin-right:5px;margin-left:10px;border-radius:20px;border:solid 2px rgb(93,110,93);transition:transform .2s}.vote-btn:hover{transform:scale(1.1)}.delete-btn{padding:12px;position:relative;text-align:center;font-weight:700;font-size:x-large;border-radius:20px}.delete-btn:hover{cursor:pointer}.comment-deleted{position:relative;left:200px;font-size:xx-large;font-family:Courier New,Courier,monospace;font-weight:bolder;animation-name:flash;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes flash{0%,49%,to{opacity:0}50%{opacity:1}}