@font-face{font-family:icomoon;src:url(/assets/icomoon-D4lyq0lS.eot?wblo8r);src:url(/assets/icomoon-D4lyq0lS.eot?wblo8r#iefix) format("embedded-opentype"),url(/assets/icomoon-B-t4TO6u.ttf?wblo8r) format("truetype"),url(/assets/icomoon-D_PNVG1G.woff?wblo8r) format("woff"),url(/assets/icomoon-CjBElFx7.svg?wblo8r#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-camera:before{content:""}.icon-photo:before{content:""}.icon-picture:before{content:""}.icon-image:before{content:""}.icon-picture2:before{content:""}.icon-image5:before{content:""}.icon-photo3:before{content:""}.icon-camera1:before{content:""}.icon-photo2:before{content:""}.icon-image2:before{content:""}.icon-camera3:before{content:""}.icon-pictures:before{content:""}.icon-photos1:before{content:""}.icon-images1:before{content:""}.icon-pictures1:before{content:""}.icon-images2:before{content:""}.icon-photos2:before{content:""}.icon-polaroid:before{content:""}.icon-add:before{content:""}.icon-plus:before{content:""}.icon-cloud-add:before{content:""}.icon-mail-envelope-closed:before{content:""}.icon-camera-outline:before{content:""}.icon-image_search:before{content:""}.icon-add_photo_alternate:before{content:""}.icon-add_a_photo:before{content:""}.icon-mail_outline:before{content:""}.icon-alternate_email:before{content:""}.icon-visibility_off:before{content:""}.icon-remove_red_eye:before{content:""}.icon-visibility:before{content:""}.icon-image4:before{content:""}.icon-camera5:before{content:""}.icon-plus-square:before{content:""}.icon-send:before{content:""}.icon-mail:before{content:""}.icon-lock:before{content:""}.icon-unlock:before{content:""}.icon-user:before{content:""}.icon-home:before{content:""}.icon-image1:before{content:""}.icon-photo1:before{content:""}.icon-picture-o:before{content:""}.icon-picture1:before{content:""}.icon-photos:before{content:""}.icon-images:before{content:""}.icon-arrow-left2:before{content:""}.icon-facebook2:before{content:""}.icon-instagram:before{content:""}.icon-youtube:before{content:""}.icon-camera2:before{content:""}.icon-image3:before{content:""}.icon-camera4:before{content:""}.icon-email11:before{content:""}.icon-email1:before{content:""}.icon-email:before{content:""}.icon-tiktok:before{content:""}.icon-IconSunset:before{content:""}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#030303de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;text-align:center;background:#000 bottom;color:#fff;height:100%;min-height:100vh}.button{margin-top:30px;border:none;border-radius:1000px;padding:.5em 2em;background-color:#5fe9e0;color:#000;font:inherit;font-weight:600;text-transform:uppercase;cursor:pointer;transition:.15s ease}.icon-arrow-left2{color:#fff;text-align:left;font-size:20px;position:absolute;top:100px;left:50px;padding:10px;background-color:transparent;border:none;cursor:pointer}@media (max-width: 650px){.icon-arrow-left2{color:#fff;text-align:left;font-size:20px;position:absolute;top:100px;left:25px;padding:10px;background-color:transparent;border:none;cursor:pointer}}.home .hero-container{display:flex;flex-direction:column;align-items:center;padding:20px}.home .hero-text h1{font-size:2em;margin-bottom:10px;text-align:center}.home .hero-text p{font-size:1.1em;margin-bottom:20px;text-align:center}.home .hero-image{width:100%;max-width:600px;height:auto;display:block;margin:0 auto}@media (min-width: 768px){.home .hero-container{flex-direction:row;text-align:left}.home .hero-text{flex:1;padding-right:20px}.home .hero-image{flex:1;max-width:60%}}:root{accent-color:#5fe9e0}.registration{display:flex;justify-content:center;align-items:center}.registration .wrapper{box-sizing:border-box;background-color:#000;width:max(40%,600px);padding:10px;border-radius:0 20px 20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.registration form{width:min(400px,100%);margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.registration .form-item{width:100%}.registration .form-item .input-wrapper{display:flex;justify-content:center;position:relative;width:100%}.registration .form-item.incorrect input{border:1px solid red}.registration .form-item.incorrect .error{display:block}.registration form label{flex-shrink:0;height:50px;width:50px;background-color:#5fe9e0;color:#000;font-size:1.5rem;font-weight:500;border-radius:10px 0 0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.registration form input{box-sizing:border-box;flex-grow:1;min-width:0;height:50px;padding:1em;font:inherit;border-radius:0 10px 10px 0;border:none;border-left:none;background-color:#c7fdfa;transition:.15s ease;color:#000}.registration form input:hover{border:2px solid #5fe9e0}.registration form input:focus{outline:none;border-color:#000}.registration form button{margin-top:10px;border:none;border-radius:1000px;padding:.85em 4em;background-color:#5fe9e0;color:#000;font:inherit;font-weight:600;text-transform:uppercase;cursor:pointer;transition:.15s ease}.registration form button:hover{background-color:#c7fdfa}.registration form button:focus{outline:none;background-color:#c7fdfa}.registration a{font-weight:700;color:#5fe9e0}.registration a:hover{text-decoration:underline}.registration .password-eye{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2}.registration .icon{color:#4d4d4d}.registration .error{font-size:10px;padding:3px;color:red;display:none}.registration input:invalid~.error{display:block}@media (max-width: 1100px){.registration .wrapper{width:min(600px,100%);border-radius:0}}.login-form{display:flex;justify-content:center;align-items:center}.login-form .wrapper{box-sizing:border-box;background-color:#000;width:max(40%,600px);padding:10px;border-radius:0 20px 20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-form form{width:min(400px,100%);margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.login-form .form-item{width:100%}.login-form .form-item .input-wrapper{display:flex;justify-content:center;position:relative;width:100%}.login-form .form-item.incorrect input{border:1px solid red}.login-form .form-item.incorrect .error{display:block}.login-form form label{flex-shrink:0;height:50px;width:50px;background-color:#5fe9e0;color:#000;font-size:1.5rem;font-weight:500;border-radius:10px 0 0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form form input{box-sizing:border-box;flex-grow:1;min-width:0;height:50px;padding:1em;font:inherit;border-radius:0 10px 10px 0;border:none;border-left:none;background-color:#c7fdfa;transition:.15s ease;color:#000}.login-form form input:hover{border:2px solid #5fe9e0}.login-form form input:focus{outline:none;border-color:#000}.login-form form button{margin-top:10px;border:none;border-radius:1000px;padding:.85em 4em;background-color:#5fe9e0;color:#000;font:inherit;font-weight:600;text-transform:uppercase;cursor:pointer;transition:.15s ease}.login-form form button:hover{background-color:#c7fdfa}.login-form form button:focus{outline:none;background-color:#c7fdfa}.login-form a{font-weight:700;color:#5fe9e0}.login-form a:hover{text-decoration:underline}.login-form .password-eye{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2}.login-form .icon{color:#4d4d4d}.login-form .error{font-size:10px;padding:3px;color:red}.login-form input:invalid~.error{display:block}@media (max-width: 1100px){.login-form .wrapper{width:min(600px,100%);border-radius:0}}.sunset .icon{color:#5fe9e0}.sunset .icon-camera6{color:#fff}.sunset .button{margin-top:10px;border:none;border-radius:50px;padding:.45em 2em;background-color:#5fe9e0;color:#000;font:inherit;font-weight:600;text-transform:uppercase;cursor:pointer;transition:.15s ease}.sunset button:hover{background-color:#c7fdfa}.sunset input{box-sizing:border-box;flex-grow:1;min-width:0;height:50px;padding:.05em;margin:.25em;font:inherit;border-radius:0 10px 10px 0;background-color:#c7fdfa;transition:.15s ease;color:#000}.sunset .card{margin:0 auto;max-width:345;width:100%;height:auto;border-color:#fffffe;border-radius:10px;border-width:.1px;border-style:solid;color:#fff;background-color:#000}@media (max-width: 490px){.sunset card-container{margin-left:50px}}.profile .component-content-container{padding-top:calc(100dvh - 65px)}.profile .card{margin:0 auto;max-width:345;width:100%;height:auto;border-color:#fffffe;border-radius:10px;border-width:.1px;border-style:solid;color:#fff;background-color:#000}.profile .button{margin-top:12px}.profile .avatar-img{width:150px;height:auto;border-radius:30px}.profile .form-container{display:grid;grid-template-columns:1fr 1fr;gap:180px}.profile .icon{color:#5fe9e0}.profile hr{width:75%;margin:0 auto 15px;text-align:center;border:0;border-top:.1px solid #eee}.profile .no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 490px){.profile card-container{margin-left:50px}}.footer ul{list-style:none}.footer .footer-container{margin-top:15px}.footer .socialicon{color:#fff}.footer .footer-content{width:100%;display:flex;gap:70px;justify-content:center;align-items:center;margin-top:auto;height:3.5rem;bottom:0!important}.footer .socialIcons{height:2px;text-align:center;display:flex;justify-content:center;align-items:center;gap:8px}.footer .bottom-navigation{position:fixed!important;bottom:0!important;width:100%;height:3.5rem;display:none;background-color:#000}.footer img{width:40px;height:40px;padding:2px;filter:invert(1)}.footer .image-active{display:block}.footer .image-active .icon{color:#5fe9e0}.footer .icon{font-size:30px}.footer .footer-icon{color:#fff}.footer .footer-item{cursor:pointer;width:50px;height:50px}@media (max-width: 650px){.footer .footer-content{display:none}.footer .bottom-navigation{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px;padding-top:8px;justify-content:center;align-items:center;justify-items:center}.footer .bottom-active{color:#5fe9e0!important}.footer .nav-link{color:#5fe9e0}}*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#000;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-logo{display:flex;align-items:center}.logo{color:#fff;font-size:23px;letter-spacing:-1.5px;font-weight:500;column-gap:40px}.navbar-links{display:flex;gap:2rem;align-items:center}.nav-link{font-size:15px;transition:all .4s;color:#fff}.nav-link:hover,.nav-link:focus{color:#fff}a.nav-link.active-link{color:#5fe9e0}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger-menu span{display:block;height:2px;width:27px;background-color:#fff;margin:5px 0;opacity:.8;transition:all .3s ease-in-out}.component-content-container{padding:20px;padding-top:4rem;min-height:calc(100dvh - 66.5px);transition:transform .3s ease-in-out}.hamburger-menu--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-menu--open span:nth-child(2){opacity:0}.hamburger-menu--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media screen and (max-width: 650px){.component-content-container.content-container-menu-open{transform:translateY(180px);transition:transform .1s ease-out}.hamburger-menu{display:block;background:none;z-index:1100}.navbar-links{max-height:0;opacity:0;overflow:hidden;position:absolute;top:100%;left:0;right:0;background-color:#13161a;flex-direction:column;padding:0;box-shadow:0 2px 4px #0000001a;width:100%;transition:max-height .4s ease-out,opacity .3s ease-out,padding .3s ease-out}.navbar-links.active{max-height:300px;opacity:1;padding:1rem}.nav-link.active-link{color:#5fe9e0}}.error-page .container{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:40px;margin-bottom:20px}.error-page .button{margin-top:30px;border:none;border-radius:1000px;padding:.5em 2em;background-color:#5fe9e0;color:#000;font:inherit;font-weight:600;text-transform:uppercase;cursor:pointer;transition:.15s ease}.error-page .button:hover{background-color:#c7fdfa}.error-page .button:focus{outline:none;background-color:#c7fdfa}.error-page .error-image{width:50%;max-width:600px;height:auto;display:block;margin:0 auto}.add-sunset{margin-top:35px}.add-sunset .card-container{margin-top:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.add-sunset .card-image{margin:10px 0}.add-sunset .card-input{margin-top:35px;margin-bottom:15px;line-height:1.75}.detail-sunset .card-container{margin-top:50px;line-height:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.detail-sunset .card-image{display:block;margin:0 auto;width:50%}.detail-sunset .card-container p{margin-top:5px;margin-bottom:5px}.detail-sunset .bold{font-weight:700}@media (max-width: 490px){.detail-sunset .card-image{display:block;margin:0 auto;width:80%;padding-top:10px}}.protected-route{display:flex;justify-content:center;align-items:center}.protected-route .login-link{text-decoration:underline;color:#5fe9e0}.update-sunset .card-container{margin-top:80px}.update-sunset .card-image{width:50%;padding-bottom:15px}.update-sunset h2{padding-bottom:5px}.update-sunset p{padding-bottom:5px;padding-top:10px}@media (max-width: 490px){.update-sunset .card-image{display:block;margin:0 auto;width:85%;padding-top:10px}}