body{background-color:#121212;box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}a,body{color:#fafafa}a{text-decoration:none}.active{font-weight:700}ul{list-style:none}form,label{display:flex;flex-direction:column}label{text-align:left}label span{color:#aaa;font-size:.7em;font-weight:700;margin-bottom:.5em}input{background-color:#3b3b3b;border:1px solid #555;border-radius:2px;color:#aaa;margin-bottom:.6em;outline:none;padding:10px 8px}input::-webkit-input-placeholder{color:#aaa}input::placeholder{color:#aaa}.btn,button,input[type=submit]{background-color:#0094f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;opacity:.8;padding:10px 8px}input[type=submit]{margin-top:1em}input:disabled{background-color:#000;cursor:not-allowed}button:hover,input[type=submit]:hover{opacity:1}.cancel-btn{background-color:#ccc}.hide{display:none}.container{min-height:70vh}#home{margin:0 auto;padding-top:2em;width:50%}#home .btn{display:block;margin:.5em 0 2em;max-width:80px}#home .btn,.no-photos{text-align:center}.no-photos a{color:#0094f6}.like{align-items:center;border-bottom:1px solid #363636;border-top:1px solid #363636;display:flex}#home .like{border:none}.like svg{cursor:pointer;font-size:1.5em}.like p{margin-left:1em}.photo-item img{width:100%}#home .photo-item h2{margin-bottom:.2em}.photo-author{text-align:left}.photo-author a{font-weight:700}#login,#register{background-color:#000;border:1ox solid #363636;margin:2em auto;max-width:33%;padding:1.5em 2em}#login h2,#register h2{font-size:2.1em;margin-top:0;text-align:center}.subtitle{color:#999;font-weight:700;margin-bottom:1.5em}#form,#login,#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}.message{align-items:center;border:1px solid #000;border-radius:5px;justify-content:center;margin:0;padding:5px 10px}.message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.message.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}#nav{align-items:center;background-color:#000;border-bottom:1px solid #363636;display:flex;justify-content:space-between;padding:.1em 1em}#search-form{margin:0;position:relative;width:20%}#search-form svg{left:18px;position:absolute;top:10px}#search-form input{border:none;border-radius:5px;margin:0 1em;padding-left:2.5em;width:50vw}#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}.logo{max-width:250px;min-height:50px}#btn-mobile{display:none}@media (max-width:768px){#nav-links{background-color:#413e3e;display:block;height:0;opacity:90%;overflow-y:hidden;position:absolute;right:0;top:50px;transition:.6s;visibility:hidden;width:100%;z-index:1000}.active #nav-links{height:calc(100vh - 70px);overflow-y:auto;visibility:visible}#nav-links ul{margin:auto;padding:5em}#nav-links li{border-bottom:1px solid #696868;margin:1em;padding:1em}#nav-links li:hover{background:#363636}#btn-mobile{background:none;border:none;cursor:pointer;display:block;font-size:1rem;gap:.5rem;padding:.5rem 1rem}#hamburguer{border-top:4px solid;color:#c02525;display:block;width:25px}#hamburguer:after,#hamburguer:before{background:currentColor;content:"";display:block;height:4px;margin-top:5px;position:relative;transition:.3s;width:25px}.active #hamburguer{border-top-color:transparent}.active #hamburguer:before{-webkit-transform:rotate(125deg);transform:rotate(125deg)}.active #hamburguer:after{top:-9px;-webkit-transform:rotate(-125deg);transform:rotate(-125deg)}#search-form{margin:0}#search-form svg{margin:0;padding:0}}#footer{align-items:center;background-color:#121212;border-top:1px solid #363636;display:flex;height:180px;justify-content:center}#edit-profile{background-color:#000;border:1px solid #363636;margin:2em auto;max-width:40%;padding:1.5em 2em;text-align:center}.subtitle{color:#ccc}.profile-image{border-radius:50%;height:150px;margin-bottom:1em;width:150px}#profile{margin:0 auto;width:50%}.profile-header{align-items:center;border-bottom:1px solid #363636;display:flex;flex-wrap:wrap;padding:1em}.profile-header img{border-radius:50%;height:100px;margin-right:2em;width:100px}.new-photo{border-bottom:1px solid #363636;padding:1em}.photos-container{display:flex;flex-wrap:wrap}.photo{margin:.3%;width:32%}.photo img{width:100%}.actions{display:flex;justify-content:space-around;padding:10px}.actions svg{cursor:pointer}.edit-photo,.edit-photo img{margin-bottom:1em}.edit-photo img{width:100%}@media (max-width:768px){.photos-container{display:flex;flex-wrap:wrap;width:100%}.photo,.photos-container img{width:100%}}#photo{margin:2em auto 0;text-align:center;width:50%}#photo img{width:100%}.message-container{margin:1em 0}.coments{text-align:left}.coments form{border-bottom:1px solid #363636;margin-bottom:2em;padding-bottom:1em}.author{display:flex;font-weight:700}#photo .author img{border-radius:50%;height:50px;margin-right:1em;width:50px}#search{margin:0 auto;padding-top:2em;width:50%}#search .btn,#search h2{text-align:center}#search .btn{display:block;margin:.5em 0 2em;max-width:80px}
/*# sourceMappingURL=main.eea5c3f7.css.map*/