:root{font-family:Raleway,Tahoma,Geneva,Verdana,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2,h3,h4{font-family:Oswald,sans-serif}@media (min-width: 700px){.articles-showcase{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1.5rem}.article-list-item{width:max(350px,35%)}}@media (min-width: 1280px){#page-body{max-width:min(1080px,100%)}.articles-showcase{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1rem}.article-list-item{width:max(250px,25%)}}body{font-family:Raleway,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;background-color:#010418;color:#f0f8ff}.App{min-height:100vh}h1,h2,h3,h4{font-family:Oswald,sans-serif}h3,h4{margin-bottom:0}button{padding:.5rem 1rem;margin-right:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;background-color:#5055c2;color:#fff;border:1px solid transparent;outline:none;border-radius:.25rem;transition:background-color .3s ease-out,color .3s ease-in-out}button:hover{background-color:#0b1251db;color:#8b91fb;border-color:#8b91fbba}button.read-more,.login-form-btn,.create-account-form-btn{display:block;color:#0b1251db;color:#888bc1;width:100%;padding:8px 16px;border-radius:4px;outline:none;color:#8b91fb;border-color:#8b91fbba;margin:2rem auto;background-color:#181e53db}button.read-more:hover,.login-form-btn:hover,.create-account-form-btn:hover{color:#fff;background-color:#262b8a}button.signup-btn{color:#fff;background-color:#262b8a;border-color:#8b91fbba}button.signup-btn a{display:inline-block;padding-inline:.25rem;padding-block:0;color:#fff}button.signup-btn:hover a,button.signup-btn:hover{color:#8b91fb;background-color:#0b0f2d}.log-in-btn:hover{color:#8b91fb}.log-out-btn{background-color:#0b0f2d;padding:.5rem 1.5rem;color:#8b91fb;border:1px solid rgb(139,145,251);border-radius:20px}.log-out-btn:hover{color:#fff;background-color:#262b8a}input[type=button],button{cursor:pointer}nav{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;text-align:center;position:fixed;top:0;width:100%;background:#02083a;background-color:#010e2aed;z-index:100}nav .logo{width:10rem;height:3.5rem;margin-left:1.5rem;margin-top:2rem}nav .logo img{width:100%;margin:auto}nav ul{list-style-type:none;margin:0;padding:0}nav li{display:inline-block;padding-top:24px;padding-bottom:24px}a{text-decoration:none}nav a{color:#5055c2;color:#878bf1;font-weight:700;padding:24px 32px;transition:background-color .3s ease-in,color .3s ease-in}nav a:hover{color:#fff}#page-body{max-width:min(1080px,100%);min-height:inherit;margin:0 auto;padding:5rem;background:#04155a86;background:linear-gradient(45deg,#000,#04155a86,#545353b6)}.about,.page{background:#0f1b4c6f;background:#0134683c;background:#041138;padding:2rem;border-radius:.6rem;margin:2.5rem auto;border:1px solid rgba(255,228,196,.183)}.about h2,.about h3,.page h2,.page h3{font-style:italic;margin-block:inherit;padding-top:0}.article-list-item{text-decoration:none;color:#f0f8ff;border-radius:8px;margin:2rem auto;padding:2rem;background:#04155a86;background:linear-gradient(45deg,#000,#04155a86,#545353b6);border:1px solid rgba(255,228,196,.183);display:flex;flex-direction:column;justify-content:space-between}.article-list-item p,.content p,.about p{background:#020c34db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1rem;margin:.7rem auto;border-radius:.4rem;border:.4px solid hsl(238,45%,53%)}.article-list-item p{border:none;background:none}.article-list-item button{border-radius:4.5px}.article-content{border-radius:.6rem}.article-content p{padding:0;padding-top:1rem}#add-comment-form{margin:1rem auto;padding:16px 16px 48px;background-color:#02061b78;border-radius:.6rem;border:1px solid rgba(255,228,196,.183)}#add-comment-form h3{margin-bottom:16px}#add-comment-form button{width:320px}.comment{border-bottom:2px solid rgb(139,145,251);padding:16px}input,textarea{display:block;width:300px;padding:8px;border-radius:4px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;outline:none;border:1.4px solid rgb(139,145,251);margin-bottom:16px;transition:background-color .3s ease,border-color .3s ease}input:hover,input:focus,textarea:hover,textarea:focus{background-color:#000;border-color:#676efc}.error{padding:8px;border-radius:4px;color:#2a2a2a;font-weight:600;background-color:pink}#upvotes-section button,p{display:inline-block;margin-right:16px}.posted-by-span{display:inline-block;padding:.25rem .5rem;margin-inline:.15rem;color:#8b91fb;font-style:italic;font-weight:700;background-color:#181818;border:1px solid rgb(139,145,251);border-radius:.3rem}.nav-right{position:absolute;top:8px;right:8px}.not-found{font-family:Oswald,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80dvh}.login-form h1{text-align:center}.login-form{padding:12rem 6rem;background-color:#02022dca;background:#04155a86;background:linear-gradient(45deg,#000,#04155a86,#545353b6);border-radius:.6rem;border:1px solid rgba(255,228,196,.183);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:64%;margin:4rem auto 0}.login-form input{width:100%;display:block}p .link{padding:.5rem 1rem;margin-inline:.5rem;border:1px solid #7858fd;border-radius:5px;color:#7858fd}p .link:hover{background-color:#0b1251db;color:#8b91fb;border-color:#8b91fbba}.footer{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;background-color:#01083a;background-color:#02184847;background-color:#010e2aed}.footer .logo{width:20%;padding-left:1rem}.footer .logo img{display:block;width:clamp(50%,70%,80%)}.footer .copy{width:60%;border-left:1px solid #7958fd7e;border-right:1px solid #7958fd7e;padding-inline:4rem;text-align:center;font-size:1.5rem;font-weight:600}.footer .banner{background:url(/assets/banner-BRcABkm0.png) no-repeat center / cover}.footer .foot-nav{width:20%;text-align:right;line-height:1,25}.footer .foot-nav ul{display:flex;flex-direction:column;justify-content:center;align-items:center;width:75%;margin:0 auto}.footer .foot-nav li{list-style:none;width:100%;transition:background-color .3s ease-in}.footer .foot-nav li a{color:#5055c2;color:#878bf1;font-weight:700;display:block;width:100%;padding-inline:.5rem;padding-block:.25rem;transition:background-color .3s ease-in,color .3s ease-in}.footer .foot-nav li a:hover{color:#fff;background-color:#5055c2}.footer .foot-nav li:hover{background-color:#5055c2}