@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}.App{background-color:#5ca4a3;font-family:League Spartan,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;transition:all .5s ease-in-out}.App .bg{width:100%}.keywordsContainer{position:absolute;width:calc(100% - 3rem);display:flex;justify-content:space-between;background-color:#effafa;box-shadow:0 10px 10px #add8d8;border-radius:10px;top:0;transform:translateY(-50%)}.keywordsContainer .keywords{padding:1rem;display:flex;border-radius:10px;flex-wrap:wrap;gap:1rem}.keywordsContainer .keywords button{all:unset;display:flex;margin-left:1rem}.keywordsContainer .keywords img{padding:.5rem;background-color:#119595;border-radius:0 5px 5px 0}.keywordsContainer .keywords img:hover{background-color:#0c5151;cursor:pointer}.keywordsContainer .keywords span{padding:.5rem;background-color:#e0efef;border-radius:5px 0 0 5px}.keywordsContainer .clear{all:unset;color:#7b8e8e;margin-right:2rem;cursor:pointer}.keywordsContainer .clear:hover{color:#119595;margin-bottom:0;padding-bottom:0}main{padding:5rem 1.5rem 0;background-color:#eef6f6;position:relative}main article{background-color:#eef6f6;position:relative;margin-bottom:2rem;padding:1.5rem;border-radius:7px;box-shadow:0 10px 10px #add8d8}main article.new-or-featured{border-left:hsl(180,8%,52%) 4px solid}main article img{width:50px;position:absolute;transform:translate(-50%,-50%);left:3rem;padding-bottom:2.5rem}main article h1{font-size:1rem;padding-top:1.5rem;margin-bottom:1rem;font-family:League Spartan,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#119595}main article h1 span{color:#fff;font-size:.7rem;margin-left:1rem;padding:.4rem .6rem 3px;border-radius:20px}main article h1 span.new{background-color:#119595}main article h1 span.featured{background-color:#0c5151}main article p{font-family:League Spartan,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:1.2rem}main article p:hover{color:#0c5151;cursor:pointer}main article .time{display:flex;gap:1.5rem;border-bottom:1px gray dotted;overflow:hidden;padding:.8rem 0;color:#7b8e8e}main article .lang{display:flex;flex-wrap:wrap;list-style-type:none;-moz-column-gap:1rem;column-gap:1rem;color:#2c3a3a}main article .lang li{background-color:#effafa;padding:.5rem;margin:1rem 0 0;color:#44abab;border-radius:5px;background-color:#e0efef;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main article .lang li:hover{cursor:pointer;background-color:#0c5151;color:#eef6f6}@media screen and (min-width: 500px){main article{position:initial;display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:auto auto 1fr;align-items:center}main article img{position:initial;transform:initial;padding-bottom:0;width:auto}main article .lang{justify-self:flex-end}main article .time{border-bottom:none}}