:root{background-color:#1a1a1a;flex-direction:column;align-items:center;width:100vw;font-family:Abel,sans-serif;font-style:normal;font-weight:400;display:flex}html{overflow-x:hidden}.card{color:#fff;background-color:#242424;border-radius:16px;flex-direction:column;justify-content:center;gap:5px;width:50vw;margin-top:20px;padding-top:15px;padding-bottom:15px;animation:.5s forwards startAnimate;display:flex}.line1{margin:0 0 0 10px;font-size:48px;font-weight:400}.line2{margin:0 0 0 10px;font-size:24px}@keyframes startAnimate{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:621px){.card{width:75vw}}@media (max-width:450px){.card{width:90vw}}.button{color:#fff;background-color:#ff87ed;border-radius:16px;place-content:center;width:50vw;margin-top:20px;padding-top:5px;padding-bottom:5px;font-size:32px;transition:all .3s;animation:.5s forwards startAnimate;display:flex}.button:hover{cursor:pointer;background-color:#ffa4f1;transform:translateY(-5px);box-shadow:0 4px 4px #00000030}.fileInput{display:none}@media (max-width:621px){.button{width:75vw}}@media (max-width:450px){.button{width:90vw}}.imagePreviewCard{grid-template-columns:repeat(auto-fill,150px);justify-content:center;gap:10px;width:100%;margin:0 auto;animation:.5s forwards startAnimate;display:grid}.imagePreviewCardHolder{background-color:#242424;border-radius:16px;width:50vw;margin-top:20px;padding-top:15px;padding-bottom:15px}.IPHolder{justify-content:center;width:100%;height:fit-content;display:flex}.imagePreview{border-radius:16px;width:150px}.warining{color:#ff7c7c;text-align:center;width:100%;display:block}@media (max-width:621px){.imagePreviewCard,.imagePreviewCardHolder{width:75vw}}@media (max-width:450px){.imagePreviewCardHolder,.imagePreviewCard{width:90vw}}.textInput{color:#fff;background-color:#242424;border:2px solid #ff87ed;border-radius:8px;outline:none;width:calc(50vw - 9px);height:52px;margin-top:20px;padding-left:5px;font-family:Abel,sans-serif;font-size:32px;transition:all .3s;animation:.5s forwards startAnimate}.textInput::placeholder{color:#3a3a3a}.textInput:hover{transform:translateY(-5px)}@media (max-width:621px){.textInput{width:calc(75vw - 9px)}}@media (max-width:450px){.textInput{width:90vw}}.memoryCard{background-color:#242424;border-radius:16px;width:50vw;margin-top:20px;padding-bottom:5px;padding-left:5px;padding-right:5px}.text{width:100%}.cardName{color:#fff;margin:0;font-size:48px}.datePeriod{color:#fff;margin:0;font-size:32px}.imageGrid{flex-direction:row;place-content:center;gap:20px;width:100%;margin-top:20px;display:flex}.memImage{object-fit:cover;border-radius:16px;width:calc(50% - 20px);max-height:30vh}@media (max-width:621px){.memoryCard{width:75vw}}@media (max-width:450px){.memoryCard{width:90vw}}.heroContainer{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.heroTitle{color:#fff;margin:0;font-size:256px}.heroSubTitle{color:#fff;margin:0;font-size:72px}@media (max-width:800px){.heroTitle{font-size:200px}.heroSubTitle{font-size:64px}}@media (max-width:700px){.heroTitle{font-size:150px}.heroSubTitle{font-size:32px}}