.timeline{min-height:calc(100vh - 110px);height:100%;position:relative;max-width:1200px;margin:auto;background-color:hsl(var(--color-midnight2))}.text-box{padding:20px 30px;background:hsl(var(--color-mignight-beige));position:relative;border-radius:4px;font-size:1rem;color:hsl(var(--color-midnight2))}.text-box p{margin-top:.8em}.text-box img{max-width:400px}.timeline .container .fa-circle-dot{position:absolute;top:32px;z-index:10;color:hsl(var(--color-pale-white))}.timeline .container-left .fa-circle-dot{right:-8px}.timeline .container-right .fa-circle-dot{left:-8px}.timeline:after{content:"";position:absolute;width:6px;height:100%;background-color:hsl(var(--color-pale-white));top:0;left:50%;margin-left:-3px;animation-name:moveline;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:3s}@media screen and (max-width: 1050px){.text-box img{max-width:280px}}@media screen and (max-width: 800px){.text-box img{max-width:240px}}@media screen and (max-width: 600px){.timeline{margin:0 auto}.timeline:after{left:31px}.container{width:100%;padding-left:80px;padding-right:25px}.text-box{font-size:.8rem}.text-box p{margin-top:.6em}.text-box h3{font-weight:500;margin-bottom:.5em}.container-right{left:0}.timeline .container-left .fa-circle-dot,.timeline .container-right .fa-circle-dot{left:23px}.arrow_right,.arrow_left{border-left:0;border-right:15px solid hsl(var(--color-mignight-beige));left:-15px}.text-box img{max-width:220px}}header{position:sticky;top:0;z-index:10}.navi{height:75px;background-color:hsl(var(--color-midnight1));width:100%;padding:1em;color:snow;display:flex;gap:1.5em;align-items:center;justify-content:space-between}.navi .name{margin-right:auto}.navi .position{font-size:.8em;font-weight:500;font-style:italic}.navi .contact p{font-size:.8rem}@media screen and (max-width: 600px){.navi{gap:1em}.navi h3{font-size:smaller}.navi .position{font-size:.7rem}navi .contact p{font-size:.7rem}}.avatar img{width:55px;height:55px;object-fit:cover;border-radius:50%;overflow:hidden}@media screen and (max-width: 600px){.avatar img{width:45px;height:45px}}footer{background-color:hsl(var(--color-midnight1));color:snow;text-align:center;height:35px;font-size:.8em;padding:.8em;max-width:375px;margin:0 auto}.signup_container{min-height:calc(100vh - var(--footer-height));width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.signup_container h2{margin-bottom:1em;font-weight:600}.signup_container form{background-color:hsl(var(--snow-white));max-width:350px;width:100%;padding:2em;border:1px solid hsl(var(--snow-white));border-radius:4px;box-shadow:0 0 5px #2a2d301f}.signup_container .row{display:flex;flex-direction:column;margin-bottom:.8em}.signup_container .row label{font-size:.8rem;color:hsla(var(--text-gray),.8)}.signup_container .row input{flex:1;padding:.5em;border:1px solid #d6d8e6;border-radius:3px;font-size:16px;transition:all .2s ease-out}.signup_container .row input:focus{outline:none;box-shadow:inset 2px 2px 5px #2a2d301f}.signup_container form button{width:100%;padding:.6em;background:hsl(var(--primary-pink));color:hsl(var(--snow-white));border:none;font-size:1.1rem;border-radius:4px;cursor:pointer;margin-bottom:.3em}.signup_container form button:hover{background:hsla(var(--primary-pink),.8)}.signup_container form p{font-size:.8rem;color:hsl(var(--text-gray-strong));margin-bottom:.3em}.main_container{position:relative;max-width:375px;min-height:100vh;margin:auto}.main_container #background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}#background-video{filter:brightness(60%)}.login_container{min-height:calc(100vh - var(--footer-height));width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.login_container h2{margin-bottom:1em;font-weight:600}.login_container form{background-color:hsl(var(--snow-white));max-width:350px;width:100%;padding:2em;border:1px solid hsl(var(--snow-white));border-radius:4px;box-shadow:0 0 5px #2a2d301f}.login_container .row{display:flex;flex-direction:column;margin-bottom:.8em}.row label{font-size:.8rem;color:hsla(var(--text-gray),.8)}.login_container .row input{flex:1;padding:.5em;border:1px solid #d6d8e6;border-radius:3px;font-size:16px;transition:all .2s ease-out}.login_container .row input:focus{outline:none;box-shadow:inset 2px 2px 5px #2a2d301f}.row input::placeholder{color:#e5e8e8}.login_container form button{width:100%;padding:.6em;background:hsl(var(--primary-pink));color:hsl(var(--snow-white));border:none;font-size:1.1rem;border-radius:4px;cursor:pointer;margin-bottom:.3em}.login_container form button:hover{background:hsla(var(--primary-pink),.8)}.login_container form p{font-size:.8rem;color:hsl(var(--text-gray-strong));margin-bottom:.3em}.form_create{display:flex;flex-direction:column;justify-content:center}.form_create .title_input{padding:1em}.form_create .section_title{padding:.5em;text-align:center}.form_create .unit_title{margin-bottom:.7em;font-weight:600}.form_create .event_card{position:relative;width:auto;background-color:hsla(var(--color-pale-white),30%);padding:1.5em;border-radius:4px;color:hsl(var(--color-midnight2));margin-bottom:.5em}.event_card .btn_group .delete_btn{background-color:#dcdcdc;border-radius:2px;padding:.1em}.event_card .btn_group{position:absolute;top:.5em;right:.5em}.form_create label{display:block}.form_create .form_card{background-color:hsla(var(--color-mignight-beige),.2);padding:1em;margin-bottom:1em}.form_create .create_btn{margin-bottom:2em}.form_create textarea{flex:1;padding:1em;font-size:1rem;border-radius:4px;outline:none;resize:none;scrollbar-width:none;-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow:hidden}.form_create textarea{width:100%;margin-bottom:1em}.form_create .input_unit{margin-bottom:.5em}.form_create button.save_event_btn{display:block;padding:.3em;width:100%;margin-top:.5em;background-color:hsl(var(--color-pale-white));border:none}.form_create button.save_event_btn:hover{background-color:hsla(var(--color-pale-white),50%)}.form_create button.create_btn{display:block;padding:.5em;width:100%;margin-top:.5em;margin-bottom:1em;background-color:hsl(var(--color-green-button));border:none}.form_create button.create_btn:hover{background-color:hsla(var(--color-green-button),50%)}.home_container{position:relative;max-width:375px;min-height:calc(100vh - var(--footer-height));margin:auto;padding:20px}.home_container .section_title{font-size:1.8rem;font-weight:700;color:#ddecfb;margin-bottom:1.5em;margin-top:1em}.home_container .story_list{margin-bottom:1.2em;padding:12px;background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.home_container .story_list:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.home_container .story_list a{text-decoration:none;color:inherit}.home_container .story_list p{margin:0;font-size:.85rem;color:#2c3e50;font-weight:500;line-height:1.4}.home_container .story_id{margin-top:.5em!important;font-size:.75rem;color:#7f8c8d;font-style:italic}.container{padding:10px 50px;position:relative;width:50%;animation:movedown 1s linear forwards;opacity:0}@keyframes movedown{0%{opacity:0}to{opacity:1}}.container:first-child{animation-delay:0s}.timeline{min-height:calc(100vh - 110px);height:100%;position:relative;max-width:1000px;margin:auto;background-color:hsl(var(--color-midnight2));background-attachment:scroll}.text-box{padding:20px 30px;background:hsl(var(--color-mignight-beige))!important;position:relative;border-radius:4px;font-size:1rem;color:hsl(var(--color-midnight2))}.text-box h3{font-weight:500;margin-bottom:.7em}.text-box small{display:inline-block}.text-box .position{font-style:italic}.text-box p{margin-top:.8em;margin-bottom:.8em}.text-box img{max-width:100%;height:auto}.container-left{left:0}.container-right{left:50%}.timeline .container svg{position:absolute;top:32px;z-index:10;color:hsl(var(--color-pale-white))}.timeline .container-left svg{right:-12px}.timeline .container-right svg{left:-12px}.timeline:after{content:"";position:absolute;width:6px;height:100%;background-color:hsl(var(--color-pale-white));top:0;left:50%;margin-left:-3px;animation-name:moveline;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:var(--line-animation-lenght)}@keyframes moveline{0%{height:0}to{height:100%}}.arrow_right{height:0;width:0;position:absolute;top:16px;z-index:1;border:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid hsl(var(--color-mignight-beige));left:-30px}.arrow_left{height:0;width:0;position:absolute;top:16px;z-index:1;border:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid hsl(var(--color-mignight-beige));right:-30px}@media screen and (max-width: 600px){.timeline{margin:0 auto}.timeline:after{left:31px}.container{width:100%;padding-left:80px;padding-right:25px}.text-box{font-size:.8rem}.text-box p{margin-top:.6em}.text-box h3{font-weight:500;margin-bottom:.5em}.container-right{left:0}.timeline .container-left svg,.timeline .container-right svg{left:19px}.arrow_right,.arrow_left{border-left:0;border-right:15px solid hsl(var(--color-mignight-beige));left:-15px}}.timeline .btn_unit{position:fixed;right:30px;bottom:50px}.timeline .btn_unit .edit_btn img{fill:hsl(var(--color-pale-white))}.timeline .btn_unit .edit_btn{margin-bottom:1em;cursor:pointer}.timeline .btn_unit .back_arrow{cursor:pointer}.form_edit{padding:2em;display:flex;flex-direction:column;max-width:320px;width:100%;margin:0 auto}.form_edit input{padding:.4em}.form_edit .unit_title{margin-bottom:.8em}.form_edit .input_unit{margin-bottom:.5em;display:flex;flex-direction:column}.form_edit .profile_input{display:flex;flex-direction:column;margin-bottom:1.5em}.form_edit .events_container{width:100%}.form_edit .event_card{position:relative;width:100%;background-color:hsla(var(--color-pale-white),30%);padding:1.5em;border-radius:4px;color:hsl(var(--color-midnight2));margin-bottom:.5em}.form_edit .name_unit{display:flex;flex-direction:column;margin-bottom:.7em}.form_edit h2.section_title{padding:.5em;text-align:center}.form_edit .input_field{display:flex;flex-direction:column;width:100%;max-width:350px;background-color:hsla(var(--color-pale-white),75%);padding:1em}.form_edit .input_field .url{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;max-width:250px;height:auto;overflow:hidden}.form_edit .input_field .url p{font-size:.6rem;margin-bottom:.3em;word-wrap:break-word}.event_card:first-child{margin-top:1em}.event_card .btn_unit{position:absolute;top:.7em;right:.7em}.form_edit textarea{width:100%;flex:1;padding:1em;font-size:1rem;border-radius:4px;outline:none;resize:none;scrollbar-width:none;-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow:hidden}.form_edit textarea{width:100%;margin-bottom:1em}.form_edit .add_new_btn{width:100%}.form_edit .event_card .btn_unit button{padding:.3em;background-color:hsla(var(--color-pale-white),75%);margin-right:.2em;border:none;border-radius:2px}.form_edit .update_btn{display:block;padding:.5em;width:100%;margin-top:1.5em;margin-bottom:1em;background-color:hsl(var(--color-green-button));border:none}.form_edit .update_btn:hover{background-color:hsla(var(--color-green-button),50%)}.form_edit .events_container .photourl_list button{padding:.2em;background-color:hsla(var(--color-pale-white),75%);border:none;cursor:pointer}.search_container{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box}.search_container .contents{width:100%;max-width:400px;padding:2em;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.search_container .search_form{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.id_input{display:flex;flex-direction:column;gap:.5rem}.id_input label{font-weight:600;color:#2c3e50;text-align:left}.id_input input{padding:.75rem;border:2px solid #e0e0e0;border-radius:4px;font-size:1rem;transition:border-color .3s}.id_input input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search_container button{padding:.75rem 1.5rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.search_container button:hover{background-color:#1565c0}.search_container button:active{background-color:#0d47a1}.search_container .contents .section_title{margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;color:#2c3e50}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--data-length: 1;--color-midnight1: 218, 74%, 9%;--color-midnight2: 222, 54%, 12%;--color-midnight-gray: 215, 19%, 42%;--color-mignight-beige: 22, 35%, 87%;--color-pale-white: 0, 0%, 95%;--color-link: 195, 32%, 78%;--color-link-hover: 195, 19%, 88%;--color-green-button: 81, 58%, 69%}body{font-family:Roboto,sans-serif;background-color:hsl(var(--color-midnight2));color:hsl(var(--color-pale-white))}body a{color:hsl(var(--color-link))}body a:hover{color:hsl(var(--color-link-hover))}