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: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}#nav{align-items:center;background-color:#000;border-bottom:1px solid #363636;display:flex;justify-content:space-between;padding:.3em 1em}#search-form{position:relative;width:20%}#search-form svg{left:9px;position:absolute;top:10px}#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{margin-right:1em}#nav-links span{cursor:pointer}#nav-links svg{font-size:1.5em}@media (max-width:768px){#nav img{height:auto;width:120px}#search-form{width:40%}#nav-links{gap:.01em}#search-form{margin:0 .5em}}#footer{align-items:center;background-color:#121212;border-top:1px solid #363636;display:flex;height:200px;justify-content:center}#home{margin:0 auto;padding-top:2em;width:50%}#home .btn{background-color:#0094f6;border-radius:4px;color:#fff;display:block;margin:.5em 0 2em;max-width:120px;padding:.4em 0;text-align:center;text-decoration:none;transition:.3s;width:100%}#home .btn:hover{background-color:#0077c2}.no-photos{margin-top:2em;text-align:center}.no-photos a{color:#0094f6;font-weight:700}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:2em 0}.pagination button{background-color:#fff;border:1px solid #0094f6;border-radius:4px;color:#0094f6;cursor:pointer;font-size:.95em;padding:.45em .8em;transition:.3s}.pagination button.active{background-color:#0094f6;color:#fff;font-weight:700}.pagination button:hover{background-color:#0077c2;color:#fff}.pagination .dots{color:#666;font-size:1.1em;padding:0 4px}@media (max-width:900px){#home{width:70%}}@media (max-width:600px){#home{width:90%}}.photo-item video{background-color:#000;border-radius:8px;max-height:420px;object-fit:contain;width:100%}.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{background-color:#000;border-left:1px solid #c9c6c6;border-radius:0;border-right:1px solid #363636;box-sizing:border-box;display:block;left:0;margin:0;max-width:100vw!important;padding:2.5em 2em;position:relative;width:100vw!important}#login>.login-inner{margin:0 auto;max-width:900px;text-align:center;width:100%}#login h2{color:#fff;font-size:2em;margin-bottom:.3em}#login .subtitle{color:#ccc;margin-bottom:1.6em}#login form{display:flex;flex-direction:column;gap:1em;margin:0 auto;max-width:700px;width:100%}#login input[type=password],#login input[type=text]{background:#111;border:1px solid #444;border-radius:6px;box-sizing:border-box;color:#fff;padding:.9em;width:100%}#login input[type=submit]{background:#363636;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:1em}@media (max-width:600px){#login{border:1px solid #363636;border-left:none;border-right:none;padding:1.5em 1em;width:100%!important}}.message{align-items:center;border-radius:5px;display:flex;justify-content:center;margin:0;padding:5px 10px;position:relative}.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}#register{align-items:center;background-color:#000;border-left:1px solid #363636;border-right:1px solid #363636;box-sizing:border-box;display:flex;justify-content:center;margin:0;padding:3em 0;width:100vw}.register-inner{max-width:1100px;padding:0 2em;text-align:center;width:95%}#register h2{color:#fff;font-size:2.2em;margin-bottom:.3em}.subtitle{margin-bottom:1.6em}.register-inner form{display:flex;flex-direction:column;gap:1em;margin:0 auto;max-width:700px}.register-inner input[type=email],.register-inner input[type=password],.register-inner input[type=text]{background:#111;border:1px solid #444;border-radius:6px;box-sizing:border-box;color:#fff;padding:1em;width:100%}.register-inner input[type=submit]{background:#363636;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:1em}.register-inner input[type=submit]:hover{background:#555}.register-link{color:#ccc;margin-top:1.5em}.register-link a{color:#fff;font-weight:700;margin-left:4px}@media (max-width:600px){#register{border-left:none;border-right:none;padding:2em 0}.register-inner{padding:0 1em;width:96%}.register-inner form{max-width:100%}}#edit-profile{background-color:#000;border:1px solid #363636;border-radius:8px;margin:2em auto;max-width:60%;padding:1.5em 2em;text-align:center}#edit-profile form{align-items:center;display:flex;flex-direction:column;width:100%}#edit-profile form input[type=email],#edit-profile form input[type=file],#edit-profile form input[type=password],#edit-profile form input[type=submit],#edit-profile form input[type=text],#edit-profile form textarea{background:#111;border:1px solid #444;border-radius:5px;color:#fff;margin:.5em 0;max-width:350px;padding:.7em;width:80%}.subtitle{color:#ccc}.profile-image{border-radius:50%;height:150px;margin-bottom:1em;width:150px}@media (max-width:768px){#edit-profile{max-width:90%;padding:1.5em 1.2em}#edit-profile form input{max-width:none;width:100%}.profile-image{height:120px;width:120px}label span{font-size:.9rem}}@media (max-width:480px){#edit-profile{max-width:95%;padding:1.2em 1em}.profile-image{height:100px;width:100px}h2{font-size:1.3rem}.subtitle{font-size:.9rem}}#edit-profile .profile-image{border:3px solid #ddd;border-radius:50%;display:block;height:150px;margin:20px auto;object-fit:cover;width:150px}#profile{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;width:70%}.profile-header{align-items:center;border-bottom:1px solid #363636;display:flex;flex-wrap:wrap;gap:1.5em;justify-content:center;padding:1em}.profile-header img{border-radius:50%;height:100px;object-fit:cover;width:100px}.profile-description{flex:1 1;min-width:250px;text-align:center}.profile-description h2{font-size:1.5em;margin:0}.profile-description p{color:#666;margin-top:.5em}.new-photo{margin-top:1em;padding:1em 0}.new-photo h3{margin-bottom:.5em}.new-photo form label{display:block;font-weight:700;margin-bottom:.5em}.new-photo form input[type=file],.new-photo form input[type=text]{border:1px solid #ccc;border-radius:4px;display:block;margin:.2em auto 0;max-width:500px;padding:.5em;width:100%}.new-photo form input[type=submit]{background-color:#363636;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5em;padding:.5em 1em}.new-photo form input[type=submit]:hover{background-color:#555}.photos-container{display:flex;flex-wrap:wrap;gap:.8em;justify-content:center;margin-top:1em}.photo{min-width:180px;width:30%}.photo img{border-radius:4px;width:100%}.actions{display:flex;gap:2em;justify-content:center;padding:10px 0}.actions svg{cursor:pointer}.edit-photo,.edit-photo img{margin-bottom:1em}.edit-photo img{width:100%}@media (min-width:900px){.profile-header{justify-content:flex-start}.profile-description{text-align:left}}.profile-video{border-radius:8px;max-height:300px;object-fit:cover;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 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}.comments .comment .author img{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}#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.8017fb14.css.map*/