*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at center,#716d6d,#fff);font-family:Optima,sans-serif;height:100vh}#root{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.loading{display:flex;justify-content:center;margin-block:20px}.home-container{padding-bottom:20px;display:flex;flex-direction:column;align-items:center;font-family:Optima,sans-serif;font-weight:lighter}.home-image{max-width:650px}.about-container{padding:20px;margin-inline:auto;max-width:800px;display:flex;flex-direction:column;align-items:center;font-family:Optima,sans-serif;font-weight:lighter;text-align:center}.about-image{max-width:650px}.about-header{padding-bottom:20px}.contact-container{padding:20px;min-width:610px;max-width:800px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;align-content:center;gap:10px;font-family:Optima,sans-serif;font-weight:lighter}.contact-image{max-width:600px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.articles-container{margin:20px;padding:20px 30px;border:2px solid grey;font-family:Courier,monospace}.articles-header,.article-header{text-align:center;padding:10px}.error{color:red}.articles-list{list-style:none;display:flex;flex-direction:column;gap:20px}.article-item{border-top:1px solid black;font-family:Optima,sans-serif}.article-image{display:block;margin-inline:auto;max-width:50%}.article-content{margin:10px 0}.article-link{display:block;padding:5px;width:100px;height:30px;background-color:#800f0f;text-align:center;text-decoration:none;color:#fff;transition:.3s}.article-link:hover{background-color:#bc0f0f}.app-header{padding:40px 10px;text-align:center;background-color:#800f0f;color:#fff;font-family:Impact,sans-serif;font-size:40px;letter-spacing:3px;text-transform:uppercase}.header-menu{padding:20px;display:flex;justify-content:center;gap:30px;list-style-type:none;font-weight:700}.header-menu li a{text-decoration:none;color:#000;transition:.3s}.header-menu li a:hover{color:#454545}.footer-container{padding:10px;background-color:#800f0f;text-align:center;font-size:12px;color:#fff}