.file{opacity:0;width:.1px;height:.1px;position:absolute}.glass-card{width:100%;height:450px;background:hsla(0,0%,100%,.4);border-radius:10px;box-shadow:1px 1px 24px #000;animation:fadein 2s}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.glass-card{background-color:hsla(0,0%,100%,.4)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.navbar{background-image:var(--secondary-gradient);padding:10px;margin-top:5px;margin-bottom:5px;border-radius:10px}@media only screen and (min-width:1024px){.navbar{height:60px}}@media only screen and (min-width:420px){.navbar{height:80px}}@media only screen and (max-width:420px){.navbar{height:100px}}.button{display:block;position:relative;height:50px;border-radius:25px;background:var(--secondary-gradient);box-shadow:0 4px 7px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;transition:transform 1s ease-in-out!important}.button:hover{background:var(--theme-color)}.button:focus,button{outline:none}.image-box{max-width:100%;max-height:100%;background:none;display:flex;justify-content:center;align-items:center;border:"1px dashed transparent";border-image-source:var(--theme-color);border-image-slice:1;z-index:1;position:relative;cursor:pointer}.image-box img{z-index:-2;cursor:pointer}.image-box input{position:absolute;height:100%;cursor:pointer}@media only screen and (min-width:1024px){.image-box{height:400px}}@media only screen and (min-width:420px){.image-box{height:400px}}@media only screen and (max-width:420px){.image-box{height:250px}}#__next,body,html{height:100%;margin:0;overflow:hidden;--theme-color:linear-gradient(45deg,#fe6b8b 30%,#ff8e53 90%);--secondary-gradient:linear-gradient(40deg,#ff6ec4,#7873f5)}#background{position:absolute;height:100vh;width:100%;background-image:var(--theme-color);-webkit-clip-path:polygon(100% 50%,100% 0,100% 100%,30% 75%,0 65%,0 150px);clip-path:polygon(100% 50%,100% 0,100% 100%,30% 75%,0 65%,0 150px);z-index:-999999999}img{max-width:100%;max-height:100%}