.article-list-container{display:flex;flex-direction:column;row-gap:20px;min-height:calc(100vh - 80px);align-items:center;background-image:linear-gradient(1turn,#d7d2cc,#304352 100%)}.article-list-container .content{display:flex;flex-direction:column;row-gap:5px;height:100%;align-items:center;justify-content:center}.article-list-container .content p{font-weight:500;font-style:italic;font-size:2.5vh}.article-list-container .content .alert{color:red}.article-list-container .box-container{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:10px;row-gap:10px;width:80%;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.article-list-container .box-container .box{display:flex;width:calc(25% - 8px);height:200px;position:relative;background:rgba(204,255,255,.5);box-shadow:0 0 10px 0 #01ffff;border-radius:5px;align-items:center;justify-content:center}.article-list-container .box-container .box a{width:100%;height:150px;position:absolute;top:0}.article-list-container .box-container .box:hover{background:rgba(204,255,255,.3)}.article-list-container .box-container .box:hover a{text-shadow:-.2px -.2px 1px #cff,.2px .2px 1px #fcc,2px 2px 1px #ccf;color:#fc9}@media(max-width:992px){.article-list-container .box-container .box{width:calc(33.3333333333% - 10px)}}@media(max-width:768px){.article-list-container .box-container{width:95%}.article-list-container .box-container .box{width:calc(50% - 10px)}}@media(max-width:768px)and (max-width:576px){.article-list-container .box-container .box{width:calc(100% - 10px)}}