a{text-decoration:none}ul{list-style:none;padding-left:0}header{display:flex;justify-content:space-between;position:fixed;padding-left:10px;padding-right:10px;overflow:hidden;background-color:#a6a6ea;top:0;left:0;right:0;border-bottom:solid darkmagenta;height:130px;text-align:center}.section-logo{width:min(200px,40%);margin-top:15px;margin-bottom:15px}.container-logo{display:flex;flex-wrap:nowrap;align-items:center}.header__img{width:50px;height:50px}.user-banner{display:grid;grid-template-columns:auto 55px;border:solid 2px;padding:3px;border-radius:3%;align-self:center;width:150px}.user-banner p{justify-self:center}.header--select-user--form{margin:5px}.img-user-profile{height:40px;width:40px;border-radius:50%;border:solid;margin:5px}.header--user-section{display:flex;flex-direction:column;justify-content:space-around;height:110px}.body-container{display:grid;grid-template-columns:1fr 5fr;grid-template-rows:1fr 2fr;margin-top:120px}.content-body{grid-column:2 / 3;grid-row:1 / span 2;padding:20px;display:flex;flex-direction:column;align-items:center;width:min(100%,800px)}main a{text-decoration:none;color:#000}.page-list{list-style:none;justify-self:center}.page-list li{float:left;padding:10px}#loading-section h2{grid-column:2/3;grid-row:span 2;justify-self:center}.footer{border:solid;border-radius:5px;padding:10px;margin-bottom:70px}aside{grid-column:1 / 2;grid-row:1/2;position:fixed;display:flex;flex-wrap:wrap;align-content:space-between;width:min(15%,170px);height:90vh;border-right:solid;padding:10px;margin-top:12px}aside ul{width:100%;list-style:none;padding-inline-start:0px}aside li{padding:5px;border:2px solid;border-radius:5px;margin:5px;height:20px;align-self:center}aside p{margin-bottom:0;margin-top:0}.nav{display:flex;justify-content:start;width:100%}.nav--topic{background-color:#d3d3d3;padding:2px;border-radius:10%;border:2px solid transparent}.nav--topic:hover{border:2px solid gray}.nav--topic a{color:#000}.section-votes{grid-row:1/2;grid-column:3/4;display:flex;align-items:center;justify-content:end}.p-votes{padding:5px}.article--section-1{display:block;overflow:auto;border:2px solid;border-radius:5px;padding:10px}.article--section-2{display:grid;grid-template-columns:2fr 1fr 2fr}.section-create-comment{grid-template-rows:1fr 2fr}.article--section-2-read-open-comment{grid-row:1/2;grid-column:1/3;display:flex;align-items:center}.article--section-2 button{margin:5px}.article--section-2-create-comment{grid-row:2/3;grid-column:1/3}#comment-input{height:100px;width:500px;overflow:auto}.comment-section{border:2px solid;border-radius:5px;padding-left:10px;margin-top:10px}.section-delete{height:auto;display:flex;gap:.5rem .5rem;flex-wrap:wrap;justify-content:center}.comment-section-votes{display:flex;justify-content:space-around;flex-wrap:wrap;row-gap:.5rem;height:auto;width:13rem}.comment-section-votes p{width:60px;margin-top:0;margin-bottom:0}.p-error{text-wrap:nowrap}.single-comment__section-bottom{height:fit-content;display:flex;justify-content:space-between;align-items:center}.comment-created-at{margin-top:0;margin-bottom:0}.single-comment__section-comment{height:fit-content;border:2px solid;border-radius:5px;padding:10px;margin-top:10px}.container-vote .comment-section-votes{display:grid;grid-auto-flow:column;grid-column-gap:10px;height:30px}.container-vote .comment-section-votes p{width:60px;margin-top:0;margin-bottom:0}.section-homepage-article{min-height:fit-content;border:2px solid;margin:5px;padding:5px}.container-single-article{display:grid;grid-template-columns:40% 30% 30%;grid-template-rows:2fr 1fr}#sort-by-selector{margin:10px 5px 5px}.container-single-article h2{grid-row:1/2;grid-column:1 / span 2}.article-info{grid-row:2;grid-column:1/2}.created-at{grid-row:2;grid-column:2/3}.homepage-article-image{align-self:center;justify-self:end;height:auto;width:90%;grid-row:1/3;grid-column:3 / span 1}.created-at{justify-self:end}.comments__body .article__section{height:120px;display:grid;border:2px solid;padding:5px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.article__section h2{grid-row:1/2;grid-column:1 / span 2;margin:5px}.article__section img{align-self:center;justify-self:end;height:100px;width:auto;grid-row:1/3;grid-column:3 / span 1}.comments__section-3{height:fit-content;padding-top:5px;padding-bottom:5px}.comments__section-3 p{margin-top:.5rem;margin-bottom:.5rem}.comments__section-3-read-open-comment{margin-bottom:10px}.comments__section-3-create-comment{display:flex;align-items:end}.comments__section-3-create-comment .button{margin-left:10px}