body{width:100vw;min-height:100vh;overflow-x:hidden;background-color:#d3844c1a}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}nav{align-self:stretch;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}nav>section{display:flex;gap:.5rem}nav button{background-color:transparent}button{border:none;cursor:pointer}h3{font-size:1.5rem;margin:0;cursor:pointer}main{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;align-self:stretch;height:100%}.cardsBox{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(10rem,15rem));grid-auto-rows:17rem;gap:1rem;margin-top:3rem;width:100%}.cardsBox>section{display:flex;flex-direction:column;border:.1rem solid chocolate;border-radius:1.5rem;overflow:hidden}.cardsBox img{object-fit:fill;-webkit-user-select:none;user-select:none;height:70%;width:100%;transition:transform .2s ease-in-out}.cardsBox>section:hover img{transform:scale(1.1)}.cardsBox>section>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:.5rem;height:30%;background-color:#ffe9d8;z-index:1}h4{margin:0;cursor:context-menu}.cardText{display:flex;justify-content:space-between;width:100%;color:#d2691e}.cardText svg{width:.9rem;fill:#d2691e}.cardText>span:first-child,.cardText>span:last-child{display:flex;align-items:center;gap:.3rem}.article{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;max-width:40rem}.comment{align-self:stretch;display:flex;flex-direction:column;gap:1rem}.comment>div{display:flex;flex-direction:column;gap:.3rem;background-color:#fff;border:.1rem solid rgba(219,125,59,.2);padding:.5rem 1rem;border-radius:.5rem}.comment h2{text-align:center;margin:0}.commentBox{display:flex;gap:.5rem;height:2rem}.commentBox input{border-radius:.5rem;border:none}.commentBox input:nth-child(2){flex:1 1 auto}a{text-decoration:none}.signForm{min-width:20rem}.signForm form{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem}.signForm button{font-size:1.1rem;align-self:center;background-color:#d2691e;padding:.3rem .8rem;border-radius:.5rem}.signForm div{display:flex;flex-direction:column;gap:.3rem}