body{box-sizing:border-box;color:#fafafa;background-color:#121212;margin:0;padding:0;font-family:Roboto,sans-serif}a{color:#fafafa;text-decoration:none}.active{font-weight:700}ul{list-style:none}form{flex-direction:column;display:flex}label{text-align:left;flex-direction:column;display:flex}label span{color:#aaa;margin-bottom:.5em;font-size:.7em;font-weight:700}input{color:#aaa;background-color:#3b3b3b;border:1px solid #555;border-radius:2px;outline:none;margin-bottom:.6em;padding:10px 8px}input::placeholder{color:#aaa}.btn,button,input[type=submit]{color:#fff;cursor:pointer;opacity:.8;background-color:#0094f6;border:none;border-radius:4px;padding:10px 8px;font-size:1em;font-weight:700}input[type=submit]{margin-top:1em}input:disabled{cursor:not-allowed;background-color:#000}.btn:hover,button:hover,input[type=submit]:hover{opacity:1}.cancel_btn{background-color:#ccc;margin-top:1em}.hide{display:none}#nav{background-color:#000;border-bottom:1px solid #363636;justify-content:space-between;align-items:center;padding:.1em 1em;display:flex}#search-form{width:20%;position:relative}#search-form svg{position:absolute;top:10px;left:9px}#search-form input{border:none;border-radius:5px;width:100%;margin:0;padding-left:2.5em}#nav-links{align-items:center;display:flex}#nav-links li{margin-right:1em}#nav-links span{cursor:pointer}#nav-links svg{font-size:1.5em}#footer{background-color:#121212;border-top:1px solid #363636;justify-content:center;align-items:center;height:200px;display:flex}.like_photo{border-top:1px solid #363636;border-bottom:1px solid #363636;align-items:center;display:flex}#home .like_photo{border:none}.like_photo svg{cursor:pointer;font-size:1.5rem}.like_photo p{margin-left:.4em}.post_item img{width:100%}#home .post_item h2{margin-bottom:.2em}.post_autor{text-align:left}.post_autor a{font-weight:700}#home{width:50%;margin:0 auto;padding-top:2em}#home .btn{text-align:center;max-width:80px;margin:.5em 0 2em;display:block}.no-posts{text-align:center}.no-posts a{color:#0094f6}.message{border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;margin-top:10px;padding:5px 10px;display:flex}.message.error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.message.success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}#edit-profile{text-align:center;background-color:#000;border:1px solid #363636;max-width:40%;margin:2em auto;padding:1.5em 2em}.subtitle{color:#ccc}.profile_image{object-fit:cover;border:2px solid #fff;border-radius:50%;width:180px;height:180px;margin-bottom:1em}#login,#register{background-color:#000;border:1px solid #363636;max-width:33%;margin:2em auto;padding:1.5em 2em}#login h2,#register h2{text-align:center;margin-top:0;font-size:2.1em}.sibtitle{color:#999;margin-bottom:1.5em;font-weight:700}#login form,#register form{border-bottom:1px solid #363636;margin-bottom:1.5em;padding-bottom:1.5em}#login p,#register p{text-align:center}#login p a,#register p a{color:#0094f6;font-weight:700}.inputWrapper{width:100%;display:flex;position:relative}.inputWrapper input{width:100%}.visibilityIcon{cursor:pointer;color:#999;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.visibilityIcon.active{color:#000}#profile{width:50%;margin:0 auto}.profile_header{border-bottom:1px solid #363636;flex-wrap:wrap;align-items:center;padding:1em;display:flex}.profile_header img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100px;height:100px;margin-right:2em}.new_post{border-bottom:1px solid #363636;padding:1em}.posts_container{flex-wrap:wrap;display:flex}.post{aspect-ratio:1;width:32%;margin:.3%;position:relative;overflow:hidden}.post img{object-fit:cover;width:100%;height:80%;transition:all .3s}.post:hover img{transform:scale(1.05)}.actions{justify-content:space-evenly;align-items:center;padding:1em;display:flex}.actions svg{cursor:pointer}.edit_post{margin-bottom:1em}.edit_post img{width:100%;margin-bottom:1em}#post{text-align:center;width:50%;margin:2em auto 0}#post img{width:100%}.message_container{margin:1em 0}.comments{text-align:left}.comments form{border-bottom:1px solid #363636;margin-bottom:2em;padding-bottom:1em}.comment{margin-bottom:1.2rem}.comment .author{align-items:flex-start;gap:1rem;display:flex}.avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;height:50px;width:50px!important}.comment .content{flex-direction:column;display:flex}.comment .name{color:#fff;margin:0 0 .3rem;font-weight:600}.comment .text{color:#d1d1d1;margin:0;line-height:1.5}#search{width:50%;margin:0 auto;padding-top:2em}#search h2{text-align:center}#search .btn{text-align:center;max-width:80px;margin:.5em 0 2em;display:block}body{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.container{min-height:70vh}.loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#fff9;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}