body{--main-bg-color: rgb(30, 36, 39);--darker-bg-color: rgb(39, 48, 53);background-color:var(--main-bg-color)}.navbar{background-color:var(--main-bg-color)}.navbar a,.navbar #main{color:#fff}.navbar hr{background-color:#fff}.blog{display:block;margin:0 auto;padding:30px}.blog h1{margin:30px 0 0 60px}.blog ul{margin-top:30px}.article-container{width:100%;min-height:450px;height:100%;margin:0 auto;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.article-container .article-item{border-radius:8px;margin:10px;max-width:300px;width:300px;min-width:200px;height:400px;text-decoration:none;box-sizing:border-box;color:#e1e1e1;background-color:var(--darker-bg-color);display:flex;justify-content:space-between;flex-direction:column;transition:border cubic-bezier(.29,-.02,.69,1.12) .3s;border:1px solid var(--darker-bg-color);box-shadow:inset 0 0 10px -1px --darker-bg-color}.article-container .article-item:hover{border:1px solid rgb(84,84,84);box-shadow:inset 0 0 9px -5px #545454}.article-container .article-item h2{padding:30px;text-align:center;text-decoration:none}.article-container .article-item p{font-family:Lato,"sans-serif";padding:30px;text-align:center;text-decoration:none}