body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#fff}a{color:inherit;text-decoration:none}*{box-sizing:border-box}nav{display:flex;align-items:center;justify-content:space-between;padding-left:15px;padding-right:15px;height:3rem;background-color:#6d28d9;position:fixed;width:100%;z-index:2}nav img{border-radius:9px}.nav__rightSide{width:20%;display:flex;align-items:center;justify-content:space-between}.nav__rightSide>span{height:100%;width:6rem;background-color:#fff;color:#430449;border:none;outline:none;text-transform:uppercase;font-weight:800;border-radius:7px;cursor:pointer}.logo,.nav__rightSide>span{display:flex;align-items:center;justify-content:center}.logo img{height:3rem;width:4rem;cursor:pointer}@media screen and (max-width:840px){.nav__rightSide{width:40%}}@media screen and (max-width:485px){.logo>h1{display:none}.nav__rightSide{width:50%}}@media screen and (max-width:320px){.nav__rightSide>span{width:6rem}.nav__rightSide img{display:none}.nav__rightSide{width:70%;justify-content:flex-end}}.app,.loadingApp{height:calc(100vh - 3rem);width:100%}.loading{display:flex;justify-content:space-evenly;margin:1rem}.app__content{padding-top:4rem;height:100%}.items{min-height:calc(100vh -18rem);display:grid;place-items:center;grid-template-columns:auto auto auto auto auto}.app__addButton{position:fixed;top:80%;right:10%;background-color:#000}@media screen and (max-width:1285px){.items{grid-template-columns:auto auto auto auto}}@media screen and (max-width:830px){.items{grid-template-columns:auto auto auto}}@media screen and (max-width:580px){.items{grid-template-columns:auto auto}}@media screen and (max-width:500px){.items{grid-template-columns:auto}}.card{flex:none;height:13rem;width:15rem;border-radius:19px;overflow:hidden;position:relative;margin:1rem;transition:.4s ease-in-out;transform:scale(1);border:1px solid #000}.large{height:18rem;width:20rem}.card:hover{transition:.4s ease-in-out;transform:scale(1.03)}.card>.thumbnail{height:100%}.card>.thumbnail>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.card>.description{height:100%;width:100%;background-color:rgba(8,8,8,.7);color:#fff;padding:20px;position:absolute;top:0;left:0;display:none}.card:hover .description{display:flex;flex-direction:column;justify-content:flex-end}.card>.description>h1{font-size:14px}.card>.description>span{font-size:12px;width:98%;overflow-wrap:break-word;-o-object-fit:contain;object-fit:contain}.playButton{position:absolute;top:35%;left:35%;height:30%;width:30%;background-color:transparent;border:none;cursor:pointer}.playButton>img{background-color:#fff;height:100%;width:100%;border-radius:50%}.videoScreen{height:calc(100vh - 3rem);width:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.videoScreen>video{width:90vw;height:60vh;margin-bottom:5rem}.videoScreen>section{width:35%;height:6rem;border-radius:7px;font-size:16px;font-weight:700;transition:.3s ease-in-out;cursor:pointer;background-color:#6d28d9;color:#fff;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.videoScreen>section>button{width:70%;border-radius:9px;padding:10px 20px;background-color:#fff;color:#6d28d9}.videoScreen>button:hover{transform:scale(1.03);transition:.3s ease-in-out;cursor:pointer}@media screen and (max-width:1280px){.card{width:14rem}.large{width:19rem}}@media screen and (max-width:1024px){.card{width:13rem}.large{width:19rem}}@media screen and (max-width:960px){.card{height:11rem;width:12rem}.large{width:16rem;height:15rem}.videoScreen>section{width:50%}.large>.playButton{position:absolute;top:35%;left:37%;height:30%;width:20%;background-color:transparent;border:none;cursor:pointer}}@media screen and (max-width:880px){.card{width:11.5rem;height:11rem}.large{width:15rem;height:16rem}}@media screen and (max-width:850px){.card{width:11rem}.large{width:21rem;height:17rem}}@media screen and (max-width:730px){.card{width:11rem}.large{width:19rem;height:17rem}.videoScreen>section{width:60%}}@media screen and (max-width:660px){.card{width:10rem}.large{width:18rem;height:16rem}}@media screen and (max-width:580px){.card{width:15rem;height:12rem;margin:.5rem}.videoScreen>section{width:75%}.large{width:95%;height:16rem}}@media screen and (max-width:500px){.card{width:17rem;height:14rem}.large{width:95%}}@media screen and (max-width:375px){.card{width:14rem;height:14rem;margin:.5rem}.videoScreen>section{width:95%}.large{width:90%;height:14rem}}.mint{display:flex;height:110vh;width:100vw;background-color:#fff;-o-object-fit:fill;object-fit:fill;justify-content:space-evenly;align-items:center;flex-direction:column;color:#430449}.title{text-transform:uppercase;font-weight:800}.error,.title{font-size:17px}.error{border:2px solid red;padding:10px 20px;background-color:tomato;color:#fff}.mint__form{height:80vh;width:50vw;background-color:#6d28d9;border-radius:18px;box-shadow:2px 2px 5px #030303,-2px -2px 5px #131212;display:flex;align-items:center;flex-direction:column;padding:30px;color:#000}.mint__form>input{height:2rem}.mint__form>input,.mint__form>textarea{width:70%;padding:20px;border:none;outline:none;border-radius:9px;margin-bottom:1rem}.mint__form>input[type=file]{height:3rem;padding:0;border:2px solid #fff;color:#fff}.mint__form img{height:8rem;width:15rem}.custom-video-input::-webkit-file-upload-button{visibility:hidden}.custom-video-input:before{content:"Upload video";display:inline-block;text-transform:uppercase;background-color:#fff;color:#000;border-radius:3px;height:2rem;font-size:12px;padding:10px;width:6rem;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700}.custom-video-input:active:before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)}.custom-file-input::-webkit-file-upload-button{visibility:hidden}.custom-file-input:before{content:"Upload thumbnail";display:inline-block;background:linear-gradient(top,#f9f9f9,#e3e3e3);border:1px solid #999;text-transform:uppercase;background-color:#fff;color:#000;border-radius:3px;height:2rem;font-size:12px;padding:10px;width:10rem;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700;font-size:10pt}.custom-file-input:active:before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)}.mint__form button{height:2rem;width:30%;text-transform:uppercase;border:none;font-weight:700;border-radius:9px;cursor:pointer}.mint__form>section{width:70%;justify-content:space-between}.mint__form>section,.uploading{display:flex;align-items:center}.uploading{width:90%;height:4rem;color:#bebebe;flex-direction:column;justify-content:center;font-size:14px;font-weight:700}.uploading>.spinner{font-size:50px;-webkit-animation:round 2s infinite;animation:round 2s infinite}@-webkit-keyframes round{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes round{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1130px){.mint__form img{width:10rem}.mint__form button{width:42%}}@media screen and (max-width:950px){.mint__form{width:80vw}.mint__form>textarea{height:5rem}.mint__form>input{height:.1rem}.mint__form section{flex-direction:column}.mint__form img{width:55%;margin-bottom:1rem;height:7rem}.mint__form button{width:90%}.custom-file-input:before,.custom-video-input:before{font-size:10px;width:7rem}}@media screen and (max-width:540px){.mint__form{width:95vw}.mint__form>input,.mint__form>textarea{width:95%}.mint__form img{width:100%}}@media screen and (max-width:360px){.mint__form{width:99vw}.mint__form>input,.mint__form>textarea{width:99%}}