@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);*{box-sizing:border-box;margin:0;padding:0}a{color:#f0f8ff;text-decoration:none}.body{background-attachment:fixed;background-image:url(/static/media/eucalyptus.04d5648a5a9fd5c22437.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;z-index:-1}.body,.body:before{left:0;top:0;width:100%}.body:before{background:#0000004d;content:"";filter:brightness(70%);height:100%;position:fixed;z-index:0}#download{cursor:pointer;display:block;margin:15px auto 0;width:20%}.head{cursor:pointer;justify-content:flex-end}.head,nav{display:flex}nav{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#32323233;height:3rem;justify-content:space-between;left:0;opacity:0;padding-left:1%;padding-right:1%;pointer-events:none;position:-webkit-sticky;position:sticky;top:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1000}.nav-link{background:none;border:none;color:#fff;cursor:pointer;font:inherit;padding:0;text-decoration:none}.nav-logo{color:#fff;font-size:20px;font-weight:700;letter-spacing:1px}nav.show{opacity:1;pointer-events:all;transform:translateY(0)}.box{height:100%;min-height:300px;min-width:300px;overflow:hidden;width:100%}.button{bottom:0;color:#6c8478;cursor:pointer;filter:brightness(80%);font-size:60px;height:65px;margin:2rem;position:fixed;right:0;z-index:1}.container{-webkit-backdrop-filter:blur(5px) brightness(60%);backdrop-filter:blur(5px) brightness(60%);background-color:#ffffff80;border-radius:6px;box-shadow:0 0 10px #0009;display:flex;flex-direction:column;height:80vh;left:50vw;padding:1% 1% 2%;position:fixed;top:50vh;transform:translate(-50%,-50%);width:80vw;z-index:10000}.close{height:10px;width:10px}.date{color:#fff;font-family:Great Vibes,cursive;font-size:600%;text-align:center}.delete{background-color:#6c8478;border:1px solid #fff;border-radius:8%;display:block;height:10%;margin:15px auto 0;width:60%}.delete,.delete-x{color:#fff;cursor:pointer}.delete-x{align-items:center;background-color:#00000080;border-radius:50%;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:5px;top:5px;width:20px;z-index:10}.delete-x:hover{background-color:#fff;color:#000}.error-message{color:#e74c3c;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-style:italic;font-weight:800;margin-bottom:4px;margin-top:4px;text-align:left}footer{bottom:0;display:flex;justify-content:center;width:100%}footer p{color:#fff;font-weight:700;padding-bottom:1%;text-align:center}.gallery{padding:0 2% 2%}#download,.box,.grid_item{position:relative;z-index:5}.grid{grid-gap:1rem;background-color:#c8c8c8;border-radius:.8%;display:grid;gap:1rem;grid-auto-rows:300px;grid-template-columns:repeat(auto-fit,minmax(250px,300px));justify-content:flex-start;padding:2%}.grid_item{border-radius:6px;box-shadow:0 0 10px #00000040;max-height:300px;overflow:hidden}.grid_item,.grid_item .label-icon{height:100%;object-fit:contain;width:100%}.grid_item img,.grid_item video{display:block;height:100%;width:100%}.grid_label{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.grid_label h2{margin-top:10%}.label-default{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.grid_label:hover{background-color:#fffc;cursor:pointer;opacity:.7}.grid_item video{background-color:#000}.intro{align-items:center;background-color:#000000b3;color:#fff;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.intro button,.intro h1{margin:0 auto}.intro h1{font-family:Petit formal script,cursive}.intro button{background-color:#6c8478;border:2px solid #fff;color:#fff;display:inline;font-weight:700;height:2rem;margin-top:5%;width:10%}.intro button,video{cursor:pointer}h1{font-size:2.4rem;font-weight:600;width:auto}.heading{color:#fff;font-family:Great Vibes,cursive;font-size:700%;font-weight:700;margin-bottom:3%;padding-top:4%;text-align:center}.main-content{flex:1 1}.modal-buttons{display:flex;gap:1rem}.modal-buttons button{border:2px solid #fff;border-radius:10px}button:hover{background:linear-gradient(#0003,#0003),#6c8478;cursor:pointer}.modal-content{align-items:center;color:#f0f8ff;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center}.modal-content button,.modal-content input{font-size:16px;height:42px;margin-top:2rem}.modal-content button{background-color:#6c8478;color:#f0f8ff;width:100px}.modal-content input{font-family:Lora,serif;max-width:350px;width:80%}.name{color:#fff;font-size:4.5rem}.preview{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:200px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:80%;justify-content:center;margin-bottom:1rem;margin-top:1rem;overflow-y:auto}.preview_grid{height:250px}.preview_item{border-radius:6px;height:80%;margin:0 auto;object-fit:cover;overflow:hidden;position:relative;width:100%}.preview_item img,.preview_item video{display:block;height:100%;width:100%}.upload{background-color:#6c8478;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:150%;height:100%;margin:0 auto;width:50%}.upload-button{height:10%}@media (max-width:768px){.grid{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}h1{font-size:2rem}}@media (max-width:480px){.intro button{font-size:1rem;height:2.5rem;width:80%}.date{font-size:2.5rem}.grid{gap:.6rem;grid-template-columns:1fr}.grid_item{max-height:250px}h1{font-size:1.5rem}.heading{font-size:3rem;margin:0 auto;max-width:90%;text-align:center}.intro h1{padding-left:5%;padding-right:5%}.name{font-size:3rem}.name img{height:auto;width:1em}}
/*# sourceMappingURL=main.c135f2a1.css.map*/