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;margin-bottom:.6em;outline:none;padding:10px 8px}input,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:disable{background-color:#000;cursor:not-allowed}.btn:hover,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-top:1px solid #363636;display:flex}#home .like{border:none}.like svg{cursor:pointer;font-size:1.75em}.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:1px solid #363636;border-radius:10px;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}#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}.message,input{margin-bottom:.5em}.message{align-items:center;border:1px solid #000;border-radius:5px;display:flex;justify-content:center;margin-top:-.15em;padding:0}.message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.message.sucess{background-color:#d4edda;border-color:#c3e6cb;color:#155724}p{margin:5px}#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%;position:relative;width:32%}.photo img{height:auto;width:100%}.actions{background-color:#00000080;bottom:0;color:#fff;display:flex;justify-content:space-around;left:0;padding:10px;position:absolute;width:100%}.actions svg{cursor:pointer}.edit-photo,.edit-photo img{margin-bottom:1em}.edit-photo img{width:100%}#photo{margin:2em auto 0;text-align:center;width:50%}#photo img{width:100%}.message-container{margin:1em 0}.comments{text-align:left}.comments for{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}span{color:#a1a1a1;font-style:italic}#nav{align-items:center;background-color:#000;border-bottom:1px solid #363636;display:flex;justify-content:space-between;padding:.1em 1em}#search-form{position:relative;width:20%}#search-form svg{left:10px;position:absolute;top:8px}#search-form input{border:none;border-radius:5px;margin:0;padding-left:2.5em;width:100%}#nav-links{align-items:center;display:flex}#nav-links li{list-style-type:none;margin-right:1em}#nav-links span{cursor:pointer}#nav-links svg{font-size:1.5em}#footer{align-items:center;border-top:1px solid #363636;color:#121212;display:flex;height:200px;justify-content:center}
/*# sourceMappingURL=main.34bb3eb4.css.map*/