@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Share:ital,wght@0,400;0,700;1,400;1,700&display=swap";.search-options{display:flex;justify-content:center;gap:1rem}.user-greeting{margin-bottom:1.5rem;text-align:center}.query-select{padding:.5rem;margin:0 0 2rem;flex-grow:1;color:#000;border:2px solid #cfcfcf;border-radius:5px}.order-icon{height:2rem;color:#4682b4;cursor:pointer;transition-duration:.1s}order-icon:active{scale:.98}.order-icon:hover{filter:brightness(1.1)}.list-article-container{display:flex;margin-bottom:1.5rem;background:#fafafa;border:1px solid #efefef;border-radius:5px;box-shadow:0 2px 2px #d5d5d5;transition-duration:.5s}.list-article-container:hover{transform:translateY(-2px);box-shadow:0 4px 4px #d5d5d5;cursor:pointer}.list-article-image{max-width:10rem;width:100%;object-fit:cover;border-radius:5px 0 0 5px}.list-article-info{align-self:center;width:100%;padding:.5rem 1rem}.list-article-top{display:flex;justify-content:space-between;margin-bottom:.75rem;color:#606060}.article-topic{padding:.25rem .5rem;background:#4682b4;color:#fff;border-radius:5px}.list-article-date{align-self:center}.article-title{font-size:1.25rem;margin-bottom:.25rem}.list-article-bot{display:flex;flex-direction:row;justify-content:space-between;margin-top:1.25rem;gap:2rem}@media (max-width: 720px){.list-article-image{border-radius:5px 5px 0 0}.list-article-container{flex-direction:column}.list-article-image{max-width:100%}}nav{position:sticky;width:100%;background:#4682b4}.buttons-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.nav-logo{font-family:share;font-weight:700;font-size:2rem}.nav-logo,.nav-button{color:#fff;text-decoration:none}.nav-logo:hover,.nav-button:hover{opacity:.8}.nav-button{padding:1.55rem;font-weight:500}@media (max-width: 720px){.nav-logo{font-size:1.2rem}.nav-button{padding:1rem 0 0 1rem}}.home-link{background:#4682b4;color:#fff;border-radius:5px}.article-page-hero-image{margin:1rem 0;width:100%;border-radius:5px;box-shadow:0 3px 3px #d5d5d5}.article-page-info{display:flex;justify-content:space-between;align-items:center;color:#606060}.article-page-title{margin:1rem 0 .2rem}.article-page-body{margin-top:1.5rem}.votes-container{display:flex;margin:1.5rem 0 0rem .5rem}.vote-text{margin:0rem 1.5rem;font-weight:500}.vote-btn-element{scale:2;background:none;border:none;transition-duration:.1s}.vote-btn-element:active{scale:1.8}.vote-btn-element:hover{filter:brightness(1.1)}.vote-btn{scale:1;cursor:pointer;pointer-events:none}.vote-disabled{color:gray}.vote-up{color:green}.vote-down{color:#cb2121}.vote-disabled:hover{opacity:.9}.view-comments-btn{padding:.5rem}.vote-error{color:red;margin-top:1rem}.comment-section{margin-top:2rem;border-radius:5px}.comment-section-title{margin-bottom:1.5rem}.comment-container{margin:1rem 0;background:#fafafa;border:1px solid #efefef;border-radius:5px;box-shadow:0 2px #d5d5d5;padding:1rem}.post-comment-label{font-weight:500}.comment-form{display:flex;flex-direction:column;gap:1rem}.comment-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.comment-author{font-weight:500}.comment-date{color:#606060}.login-container{display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:center}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-btn{padding:.25rem 1rem;background:#4682b4;color:#fff;font-weight:500;border:none;border-radius:5px}.login-explanation{margin-top:2rem;background:#f5f5f5;padding:1rem 2rem;text-align:center}.explanation-text{margin-top:.5rem}.explanation-text span a{color:#00f}.explanation-text span a:hover{color:#4b4bff}.user-list-title{font-weight:500}ul li{margin:.5rem;list-style-type:none}.explanation-title{margin-top:1.5rem}.error-page-title{margin-bottom:2rem;text-align:center}.lottie-404{margin:4rem auto;max-width:75%}.error-text-404{text-align:center;margin-bottom:2rem}.link-home{display:block;margin:auto;max-width:12rem;text-align:center}@media (max-width: 720px){.lottie-404{max-width:100%}}.article-form{display:flex;flex-direction:column;gap:1rem}.post-article-header{text-align:center;margin-bottom:1.5rem}.input{padding:.5rem;color:#000;border:2px solid #cfcfcf;border-radius:5px}.input:focus{border:2px solid steelblue}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}body{background-color:#f0f0f0}.page-container{padding:2rem;max-width:768px;margin:auto;height:100%;background:#fff}.pagination-container{display:flex;gap:1rem;justify-content:center;align-items:center}.pagination-btn{padding:.3rem .6rem;background-color:#4682b4;color:#fff;border:none;border-radius:5px}.pagination-disabled{background-color:gray}.error-text{color:red}.form-error{border:2px solid red}.loading-title{text-align:center}a{color:#000;text-decoration:none}button{cursor:pointer;transition-duration:.1s}button:hover{filter:brightness(1.1)}.submit-btn{padding:.5rem 1rem;background:#4682b4;color:#fff;font-weight:500;border:none;border-radius:5px}.submit-btn:active{scale:.98}.delete-btn{margin-top:1rem;padding:.5rem 1rem;background:#cb2121;color:#fff;font-weight:500;border:none;border-radius:5px}.delete-btn:active{scale:.9}.deleted-article-header{text-align:center;margin-bottom:1.5rem}.home-center{display:block;margin:auto;text-align:center;max-width:6rem}