@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);@import url(https://weloveiconfonts.com/api/?family=entypo|fontawesome|zocial);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.btn{padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer}.btn--primary{background-color:#fff;background-color:var(--primary);color:#242424}.btn--outline,.btn--primary{border:1px solid #fff;border:1px solid var(--primary)}.btn--outline{background-color:transparent;color:#fff;padding:8px 20px;transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:18px}.btn--large{padding:12px 26px;font-size:20px}.iAddButton{transition:color .3s ease-out}.btn--large:hover,.btn--medium:hover{transition:all .3s ease-out;background:#fff;color:#242424;transition:.25s}.btn--large:hover,.btn--medium:hover i{color:#242424}:root{--primary:#fff}.btn--primarylogout{background-color:#fff;background-color:var(--primary);color:#242424}.btn--outlinelogout,.btn--primarylogout{border:1px solid #fff;border:1px solid var(--primary)}.btn--outlinelogout{background-color:transparent;color:red;padding:8px 20px;transition:all .3s ease-out}.btn--mediumlogout{padding:8px 20px;font-size:18px}.btn--largelogout{padding:12px 26px;font-size:20px}.btn--largelogout:hover,.btn--mediumlogout:hover{transition:all .3s ease-out;background:red;color:#242424;transition:.25s}.navbar{background:transparent;height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:-webkit-sticky;position:sticky;top:0;z-index:999}.login-button,.logout-button,.profile-button{margin-left:20px}.navbar.active{background:linear-gradient(90deg,#000,#000)}.navbar-container{justify-content:center;height:80px;max-width:1500px}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem}.fa-typo3{margin-left:.5rem;font-size:1.8rem}.nav-menu{display:grid;grid-template-columns:repeat(4,auto);grid-gap:10px;list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:2rem}.nav-item{height:80px}.nav-links{color:#fff;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%}.nav-links:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.fa-bars{color:#fff}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;z-index:1}.nav-links{text-align:center;padding:1.5rem;width:100%;display:table}.nav-links:hover{background-color:#fff;color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;-webkit-transform:translate(25%,50%);transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{display:block;text-align:center;border-radius:4px;width:80%;text-decoration:none;font-size:1.3rem;background-color:transparent;color:#fff;padding:14px 20px;border:1px solid #fff;transition:all .3s ease-out;margin:.5rem auto 25px}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}*{margin:0;padding:0;font-family:"PT Sans",sans-serif}.home,.products,.services,.sign-up{display:flex;height:90vh;align-items:center;justify-content:center;font-size:3rem}.cards{padding:4rem;background:#fff}h1{text-align:center}.cards__container{display:flex;flex-flow:column;align-items:center;max-width:1120px;width:90%;margin:0 auto}.cards__wrapper{position:relative;margin:50px 0 45px}.cards__items{margin-bottom:24px}.cards__item{display:flex;flex:1 1;margin:0 1rem;border-radius:10px}.cards__item__link{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px rgba(56,125,255,.17);-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));border-radius:10px;overflow:hidden;text-decoration:none}.cards__item__pic-wrap{position:relative;width:100%;padding-top:67%;overflow:hidden}.fade-img{-webkit-animation-name:fade-img;animation-name:fade-img;-webkit-animation-duration:2s;animation-duration:2s}.cards__item__pic-wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:12px;font-weight:700;color:#fff;background-color:#1f98f4;box-sizing:border-box}.cards__item__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:300px;max-width:100%;height:300px;max-height:100%;transition:all .2s linear}.cards__item__img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cards__item__info{padding:20px 30px 30px}.cards__item__text{color:#252e48;font-size:18px;line-height:24px}@media only screen and (min-width:1200px){.content__blog__container{width:84%}}@media only screen and (min-width:1024px){.cards__items{display:flex}}@media only screen and (max-width:1024px){.cards__item{margin-bottom:2rem}}video{object-fit:cover;width:100%;height:135%;position:fixed;z-index:-1}.hero-container{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);object-fit:contain}.hero-container>h1{color:#fff;font-size:100px;margin-top:-100px}.hero-container>p{margin-top:8px;color:#fff;font-size:32px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.hero-btns{margin-top:32px}.hero-btns .btn{margin:6px}.fa-play-circle{margin-left:4px}@media screen and (max-width:960px){.hero-container>h1{font-size:70px;margin-top:-150px}}@media screen and (max-width:768px){.hero-container>h1{font-size:50px;margin-top:-100px}.hero-container>p{font-size:30px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}}.footer-container{background-color:#242424;padding:4rem 0 2rem}.footer-container,.footer-subscription{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-subscription{text-align:center;margin-bottom:24px;padding:24px;color:#fff}.footer-subscription>p{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.footer-subscription-heading{margin-bottom:24px;font-size:24px}.footer-subscription-text{margin-bottom:24px;font-size:20px}.footer-input{padding:8px 20px;border-radius:2px;margin-right:10px;outline:none;font-size:18px;margin-bottom:16px;border:1px solid #fff}.footer-links{width:100%;max-width:1000px;display:flex;justify-content:center}.footer-link-wrapper{display:flex}.footer-link-items{display:flex;flex-direction:column;align-items:flex-start;margin:16px;text-align:left;width:160px;box-sizing:border-box}.footer-link-items h2{margin-bottom:16px}.footer-link-items>h2{color:#fff}.footer-link-items a{color:#fff;text-decoration:none;margin-bottom:.5rem}.footer-link-items a:hover{color:#e9e9e9;transition:.3s ease-out}.footer-email-form h2{margin-bottom:2rem}.footer-input::-webkit-input-placeholder{color:#b1b1b1}.footer-input:-ms-input-placeholder{color:#b1b1b1}.footer-input::placeholder{color:#b1b1b1}.social-icon-link{color:#fff;font-size:24px}.social-media{max-width:1000px;width:100%}.social-media-wrap{width:90%;max-width:1000px;margin:40px auto 0}.social-icons,.social-media-wrap{display:flex;justify-content:space-between;align-items:center}.social-icons{width:240px}.social-logo{justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center}.social-logo,.website-rights{color:#fff;margin-bottom:16px}@media screen and (max-width:820px){.footer-links{padding-top:2rem}.btn,.footer-input{width:100%}.footer-link-wrapper,.social-media-wrap{flex-direction:column}}.marginHeroSection2{height:auto}.favicon{font-size:75px;color:#000}.bodyHeroSection2{height:60%;margin:0;padding:0;background-color:#fff}.header{margin:7.5rem auto;padding:0 3rem;max-width:525px;text-align:center}.header-title{font-weight:200}.header-subtitle,.header-title{text-align:center;color:#4c4e61;font-size:2.5rem;margin:0}.header-subtitle{font-weight:600}.header-paragraph{text-align:center;color:#a3a5ae;font-weight:400;font-size:1.5rem}.cards-herosection2{margin:7.5rem 8% 0}.card-supervisor{border-top:.5rem solid #45d3d3}.card-supervisor,.card-team-builder{border-radius:.5rem;padding:2.5rem 3rem;margin-bottom:3rem;box-shadow:0 1rem 2rem .5rem #dedede}.card-team-builder{border-top:.5rem solid #ea5353}.card-karma{border-top:.5rem solid #fcaf4a}.card-calculator,.card-karma{border-radius:.5rem;padding:2.5rem 3rem;margin-bottom:3rem;box-shadow:0 1rem 2rem .5rem #dedede}.card-calculator{border-top:.5rem solid #549ef2}.card-title{margin:0;font-size:2rem;color:#4c4e61}.card-paragraph{margin:0;font-size:1.3rem;color:#a3a5ae}.card-image{padding-top:3rem;display:flex;justify-content:right}.attribution{margin-top:5rem;font-size:1rem;text-align:center;font-weight:300}.attribution a{font-weight:600;text-decoration:none;color:#3e52a3}@media(min-width:680px){.header-paragraph{font-size:1.4rem}.cards-herosection2{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:3rem;-webkit-column-gap:3rem;column-gap:3rem}}@media(min-width:1250px){.header-paragraph{font-size:1.3rem}.cards-herosection2{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"start mid1 end" "start mid2 end"}.card-supervisor{grid-area:start;align-self:center}.card-team-builder{grid-area:mid1}.card-karma{grid-area:mid2}.card-calculator{grid-area:end;align-self:center}}.userReviewImage{align-items:center;width:128px;height:128px;border-radius:50%}.box{align-items:center;text-align:center;margin:0 auto}.review-container{background-color:#fff}.review-list{width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:row;min-width:60vw;overflow-x:scroll;background:linear-gradient(#fff,#fff);overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.review-list::-webkit-scrollbar{display:none}.review-list .review-list2{height:300px;width:300px;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:5rem;scroll-snap-align:center;margin:2rem;box-shadow:0 6px 20px rgba(56,125,255,.17);-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));border-radius:15px;transition:all .2s ease}.review-list .review-list2 p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:0;margin-left:1rem}.review-list .review-list2:hover{box-shadow:none}.review-list a:active,.review-list a:link,.review-list a:visited{text-decoration:none}.review-list .list-container{width:10rem}.review-list .review-list2{background:linear-gradient(hsla(0,0%,100%,.4),hsla(0,0%,100%,.5))}.login-nft{text-align:center;margin:auto 0;display:flex;align-items:center;justify-content:center}.metamask-icon{width:20px}.metamask-icon,.text{margin:10px auto}.button-container{display:flex;align-items:center;text-align:center}.nft-container{color:#fff}.button-login-nft{align-items:center}.song-nft-container{display:flex;justify-content:center;flex-direction:row}.mint-button{padding-top:450px}.button-mint-dualipa,.button-mint-jvliah,.button-mint-marshmello{z-index:30;position:absolute;width:30px;height:30px;background:none;font-size:2rem;border:none}.specs-jvliah{text-align:center;margin:auto 0 150px}:root{--color1:#00e7ff;--color2:#ff00e7;--back:url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);--jvliah1:#fac;--jvliah2:#dca;--jvliahfront:url(https://yt3.ggpht.com/xOY-llkaA-WOzMk5-6if3RqhbovMK78-TwRvtGBUWk8MWD1Xmsv_fErmsEYMolIJ2p0kmvzvpr4=s900-c-k-c0x00ffffff-no-rj);--dualipa1:#54a29e;--dualipa2:#a79d66;--dualipafront:url(https://media.vogue.mx/photos/6082d0d36e82e15ad6aefd7a/2:3/w_2560%2Cc_limit/GettyImages-1307105605.jpg);--marshmello1:#efb2fb;--marshmello2:#acc6f8;--marshmellofront:url(https://zona69.net/wp-content/uploads/2019/10/marshmello-numero-1-de-youtube.jpg);--mewtwo1:#efb2fb;--mewtwo2:#acc6f8;--mewtwofront:url(https://assets.codepen.io/13471/mewtwo-gx.webp)}.card{width:71.5vw;height:100vw;position:relative;margin:50px;overflow:hidden;touch-action:none;border-radius:5%/3.5%;box-shadow:-5px -5px 5px -5px #00e7ff,5px 5px 5px -5px #ff00e7,-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0 hsla(0,0%,100%,0),0 55px 35px -20px rgba(0,0,0,.5);box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0 hsla(0,0%,100%,0),0 55px 35px -20px rgba(0,0,0,.5);transition:box-shadow .2s ease,-webkit-transform .5s ease;transition:transform .5s ease,box-shadow .2s ease;transition:transform .5s ease,box-shadow .2s ease,-webkit-transform .5s ease;will-change:transform,filter;background-color:#040712;background-image:var(--front);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;-webkit-transform-origin:center;transform-origin:center}@media screen and (min-width:600px){.card{width:clamp(12.9vw,61vh,18vw);height:clamp(18vw,85vh,25.2vw)}}.card:hover{box-shadow:-20px -20px 30px -25px #00e7ff,20px 20px 30px -25px #ff00e7,-7px -7px 10px -5px #00e7ff,7px 7px 10px -5px #ff00e7,0 0 13px 4px hsla(0,0%,100%,.3),0 55px 35px -20px rgba(0,0,0,.5);box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px hsla(0,0%,100%,.3),0 55px 35px -20px rgba(0,0,0,.5)}.card.jvliah{--color1:var(--jvliah1);--color2:var(--jvliah2);--front:var(--jvliahfront)}.card.dualipa{--color1:var(--dualipa1);--color2:var(--dualipa2);--front:var(--dualipafront)}.card.mewtwo{--color1:var(--mewtwo1);--color2:var(--mewtwo2);--front:var(--mewtwofront)}.card.marshmello{--color1:#ec9bb6;--color2:#ccac6f;--color3:#69e4a5;--color4:#8ec5d6;--color5:#b98cce;--front:var(--marshmellofront)}.card:after,.card:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.card:before{background-position:50% 50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent,#00e7ff 25%,transparent 47%,transparent 53%,#ff00e7 75%,transparent);background-image:linear-gradient(115deg,transparent,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent);opacity:.5;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1);z-index:1}.card:after{opacity:1;background-image:url(https://assets.codepen.io/13471/sparkles.gif),url(https://assets.codepen.io/13471/holo.png),linear-gradient(125deg,rgba(255,0,132,.3137254902) 15%,rgba(252,164,0,.2509803922) 30%,rgba(255,255,0,.1882352941) 40%,rgba(0,255,138,.1254901961) 60%,rgba(0,207,255,.2509803922) 70%,rgba(204,76,250,.3137254902) 85%);background-position:50% 50%;background-size:160%;background-blend-mode:overlay;z-index:2;transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.75}.card.active:after,.card:after,.card:hover:after{-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1)}.card.active:after,.card:hover:after{opacity:1}.card.active,.card:hover{-webkit-animation:none;animation:none;transition:box-shadow .1s ease-out}.card.active:before,.card:hover:before{background-image:linear-gradient(110deg,transparent 25%,#00e7ff 48%,#ff00e7 52%,transparent 75%);background-image:linear-gradient(110deg,transparent 25%,var(--color1) 48%,var(--color2) 52%,transparent 75%);background-position:50% 50%;background-size:250% 250%;opacity:.88;-webkit-filter:brightness(.66) contrast(1.33);filter:brightness(.66) contrast(1.33)}.card.active:after,.card.active:before,.card:hover:after,.card:hover:before{-webkit-animation:none;animation:none;transition:none}.card.animated{transition:none;-webkit-animation:holoCard 12s ease 0s 1;animation:holoCard 12s ease 0s 1}.card.animated:before{transition:none;-webkit-animation:holoGradient 12s ease 0s 1;animation:holoGradient 12s ease 0s 1}.card.animated:after{transition:none;-webkit-animation:holoSparkle 12s ease 0s 1;animation:holoSparkle 12s ease 0s 1}@-webkit-keyframes holoSparkle{0%,to{opacity:.75;background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25)}5%,8%{opacity:1;background-position:40% 40%;-webkit-filter:brightness(.8) contrast(1.2);filter:brightness(.8) contrast(1.2)}13%,16%{opacity:.5;background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(.8);filter:brightness(1.2) contrast(.8)}35%,38%{opacity:1;background-position:60% 60%;-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1)}55%{opacity:.33;background-position:45% 45%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25)}}@keyframes holoSparkle{0%,to{opacity:.75;background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25)}5%,8%{opacity:1;background-position:40% 40%;-webkit-filter:brightness(.8) contrast(1.2);filter:brightness(.8) contrast(1.2)}13%,16%{opacity:.5;background-position:50% 50%;-webkit-filter:brightness(1.2) contrast(.8);filter:brightness(1.2) contrast(.8)}35%,38%{opacity:1;background-position:60% 60%;-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1)}55%{opacity:.33;background-position:45% 45%;-webkit-filter:brightness(1.2) contrast(1.25);filter:brightness(1.2) contrast(1.25)}}@-webkit-keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0 0;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}55%{background-position:0 0;opacity:1;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}}@keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0 0;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;-webkit-filter:brightness(.5) contrast(1);filter:brightness(.5) contrast(1)}55%{background-position:0 0;opacity:1;-webkit-filter:brightness(.75) contrast(1.25);filter:brightness(.75) contrast(1.25)}}@-webkit-keyframes holoCard{0%,to{-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0deg) rotateX(0deg) rotateY(0deg)}5%,8%{-webkit-transform:rotate(0deg) rotateX(6deg) rotateY(-20deg);transform:rotate(0deg) rotateX(6deg) rotateY(-20deg)}13%,16%{-webkit-transform:rotate(0deg) rotateX(-9deg) rotateY(32deg);transform:rotate(0deg) rotateX(-9deg) rotateY(32deg)}35%,38%{-webkit-transform:rotate(3deg) rotateX(12deg) rotateY(20deg);transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}55%{-webkit-transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg);transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg)}}@keyframes holoCard{0%,to{-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0deg) rotateX(0deg) rotateY(0deg)}5%,8%{-webkit-transform:rotate(0deg) rotateX(6deg) rotateY(-20deg);transform:rotate(0deg) rotateX(6deg) rotateY(-20deg)}13%,16%{-webkit-transform:rotate(0deg) rotateX(-9deg) rotateY(32deg);transform:rotate(0deg) rotateX(-9deg) rotateY(32deg)}35%,38%{-webkit-transform:rotate(3deg) rotateX(12deg) rotateY(20deg);transform:rotate(3deg) rotateX(12deg) rotateY(20deg)}55%{-webkit-transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg);transform:rotate(-3deg) rotateX(-12deg) rotateY(-27deg)}}.card.marshmello:hover{box-shadow:0 0 30px -5px #fff,0 0 10px -2px #fff,0 55px 35px -20px rgba(0,0,0,.5)}.card.marshmello.active:before,.card.marshmello:hover:before{background-image:linear-gradient(115deg,transparent 20%,#00e7ff 36%,#ff00e7 43%,var(--color3) 50%,var(--color4) 57%,var(--color5) 64%,transparent 80%);background-image:linear-gradient(115deg,transparent 20%,var(--color1) 36%,var(--color2) 43%,var(--color3) 50%,var(--color4) 57%,var(--color5) 64%,transparent 80%)}.demo .card{background-image:url(https://cdn2.bulbagarden.net/upload/1/17/Cardback.jpg);background-image:var(--back);font-size:2vh}.demo .card>span{position:relative;top:45%}.demo .card:first-of-type,.demo .card:nth-of-type(2),.demo .card:nth-of-type(3){width:20vh;height:27.5vh;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4),0 25px 15px -10px rgba(0,0,0,.5);-webkit-animation:none;animation:none}.demo .card:first-of-type:after,.demo .card:first-of-type:before,.demo .card:nth-of-type(2):after,.demo .card:nth-of-type(2):before,.demo .card:nth-of-type(3):after,.demo .card:nth-of-type(3):before{-webkit-animation:none;animation:none}.demo .card:first-of-type:after,.demo .card:first-of-type:before{display:none}.demo .card:nth-of-type(2){background:none}.demo .card:nth-of-type(2):before{display:none}.demo .card:nth-of-type(3){background:none}.demo .card:nth-of-type(3):after{display:none}.operator{display:inline-block;vertical-align:middle;font-size:6vh}.cards,.demo{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;-webkit-perspective:2000px;perspective:2000px;position:relative;z-index:1;-webkit-transform:translate3d(.1px,.1px,.1px);transform:translate3d(.1px,.1px,.1px)}.demo{flex-direction:row;justify-content:center}@media screen and (min-width:600px){.cards{flex-direction:row}}.cards .card:nth-child(2),.cards .card:nth-child(2):after,.cards .card:nth-child(2):before{-webkit-animation-delay:.25s;animation-delay:.25s}.cards .card:nth-child(3),.cards .card:nth-child(3):after,.cards .card:nth-child(3):before{-webkit-animation-delay:.5s;animation-delay:.5s}.cards .card:nth-child(4),.cards .card:nth-child(4):after,.cards .card:nth-child(4):before{-webkit-animation-delay:.75s;animation-delay:.75s}.modalButton{z-index:2}.modal-img-button{max-width:35px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modalContainer{z-index:2}.container-products{margin-top:100px;margin-left:40px;height:50vh;flex-wrap:wrap;width:95%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Poppins",sans-serif}.container-products .container-info{text-align:center;align-items:center;justify-content:center;padding-top:100px}.single-card-products{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;margin:40px;transition:all .5s;background:#010615}.single-card-products:hover{height:400px}.single-card-products:hover .content-products{opacity:1}.single-card-products:hover .card-img-products{border-radius:10px}.single-card-products:hover .card-img-products img{opacity:1}.single-card-products:before{z-index:-1}.single-card-products:after,.single-card-products:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#fff;background:linear-gradient(45deg,#ffa600,#ff05ac 18%,#0ff)}.single-card-products:after{z-index:-2;-webkit-filter:blur(40px);filter:blur(40px)}.single-card-products .card-img-products{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center}.single-card-products .card-img-products img{object-fit:cover;max-width:100%;opacity:.3;transition:.5s;border-radius:10px}.single-card-products .content-products{position:absolute;bottom:0;flex-direction:column;opacity:0;transition:.5s;height:90px;display:flex;justify-content:center;align-items:center}.single-card-products .content-products .title-products{font-size:28px;line-height:10px;margin:0 auto;align-items:center;justify-content:center}.verifiedpng{width:40px;position:absolute;top:-7%;left:-7%}.background-register{width:430px;height:520px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}.login-link{align-items:center;text-align:center;margin-top:20px}.background-register .shape{height:200px;width:200px;position:absolute;border-radius:50%}.register-form{height:680px;width:400px;background-color:hsla(0,0%,100%,.13);position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:60%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}.register-form *{font-family:"Poppins",sans-serif;color:#fff;letter-spacing:.5px;outline:none;border:none}.register-form h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}.register-btn{margin-top:50px;width:100%;background-color:#fff;color:#080710;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer}.register-label{display:block;margin-top:30px;font-size:16px;font-weight:500}.input{display:block;height:50px;width:100%;background-color:hsla(0,0%,100%,.07);border-radius:3px;padding:0 10px;margin-top:8px;font-size:14px;font-weight:300}.profile-form{position:absolute;top:60%}.modalButton{position:fixed;top:92%;left:5%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;padding:8px;border-radius:50px;background:linear-gradient(#1845ad,#23a2f6);cursor:pointer}.overlay{height:100%}.modalContainer,.overlay{position:fixed;width:100%}.modalContainer{max-width:600px;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;background-color:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.75);border-radius:8px}.modal-img{width:250px;object-fit:cover;border-top-left-radius:8px;border-bottom-left-radius:8px}.modalRight{width:100%}.closeBtn{position:fixed;top:8px;right:8px}.content{display:flex;flex-direction:column;justify-content:center;text-align:center;margin-top:3rem;padding:1rem 2rem}.btnContainer{display:flex;padding:1rem}.btnContainer button{width:100%;margin:.5rem;padding:16px 0;border:1px solid #411b57}.btnPrimary{background:linear-gradient(#1845ad,#23a2f6);color:#fff}.btnOutline{background-color:#fff;color:#411b57}.bold{font-weight:600}@media screen and (max-width:500px){.modalContainer{flex-direction:column;top:0;left:0;-webkit-transform:none;transform:none;width:100%;height:100vh}img{width:100%;max-height:70vh;object-fit:cover}.heading{margin:1rem}}.chatbot{position:fixed;bottom:0;right:0;padding-right:50px;pointer-events:none}.background-login{width:430px;height:520px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}.register-link{align-items:center;text-align:center;margin-top:20px}.background-login .shape{height:200px;width:200px;position:absolute;border-radius:50%}.login-form{height:520px;width:400px;background-color:hsla(0,0%,100%,.13);position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}.login-form *{font-family:"Poppins",sans-serif;color:#fff;letter-spacing:.5px;outline:none;border:none}.login-form h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}.login-label{display:block;margin-top:30px;font-size:16px;font-weight:500}.InputGroup{display:block;height:50px;width:100%;background-color:hsla(0,0%,100%,.07);border-radius:3px;padding:0 10px;margin-top:8px;font-size:14px;font-weight:300}::-webkit-input-placeholder{color:#e5e5e5}:-ms-input-placeholder{color:#e5e5e5}::placeholder{color:#e5e5e5}.login-btn{margin-top:50px;width:100%;background-color:#fff;color:#080710;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer}.chatOnlineFriend{display:flex;align-items:center;font-weight:500;cursor:pointer;margin-top:10px}.chatOnlineImgContainer{position:relative;margin-right:10px}.chatOnlineImg{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #fff}.chatOnlineBadge{width:10px;height:10px;border-radius:50%;background-color:#32cd32;position:absolute;top:2px;right:2px}@media screen and (max-width:768px){.chatOnlineName{display:none}}.conversation{display:flex;align-items:center;padding:10px;cursor:pointer;margin-top:20px}.conversation:hover{background-color:#f5f3f3}.conversationImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}.conversationName{font-weight:500}@media screen and (max-width:768px){.conversationName{display:none}}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.messageText{padding:10px;border-radius:20px;background-color:#1877f2;color:#fff;max-width:300px;word-break:break-all}.messageBottom{font-size:12px;margin-top:10px;color:#fff}.message.own{align-items:flex-end}.message.own .messageText{background-color:#f5f1f1;color:#000}.messenger{height:calc(100vh - 70px);display:flex}.chatMenu{flex:3.5 1}.chatMenuInput{width:90%;padding:10px 0;border:none;border-bottom:1px solid grey}.chatBox{flex:5.5 1}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatBoxTop{border-radius:5px;height:100%;width:300px;overflow-y:scroll;padding-right:10px;background-color:#333}.chatBoxBottom{margin-top:5px;display:flex;align-items:center;justify-content:space-between}.chatMessageInput{width:80%;height:90px;padding:10px;color:#000}.chatSubmitButton{margin-left:15px;width:70px;height:40px;border:none;border-radius:5px;cursor:pointer;background-color:teal;color:#fff}.chatOnline{flex:3 1}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{padding:10px;height:100%}.noConversationText{text-align:center;position:absolute;top:10%;font-size:25px;color:#e0dcdc;cursor:default}@media screen and (max-width:768px){.chatMenu{flex:1 1}.chatMenuInput{display:none}.chatBox{flex:10 1}.chatOnline{flex:1px 1}}.messenger-form{height:600px;width:400px;background-color:hsla(0,0%,100%,.13);position:absolute;display:flex;align-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:60%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}.messenger-form *{font-family:"Poppins",sans-serif;color:#fff;letter-spacing:.5px;outline:none;border:none}.messenger-form h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}.cliploader2{margin-left:50px;margin-top:100px}.profile{color:#fff}.album-img{width:450px}.post-container{margin-top:200px}.cliploader{width:15%;margin:175px auto 0}*,:after,:before{padding:0;margin:0;box-sizing:border-box}body{background-color:#080710}.post-song{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.li-content{width:auto;align-items:center;list-style:none}.posts-container{padding-top:680px;margin:0 auto}.list-group,.posts-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.list-group{align-items:center;text-align:center;list-style:none}.background-profile{width:430px;height:520px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:65%}.background-profile .shape{height:200px;width:200px;position:absolute;border-radius:50%}.shape:first-child{background:linear-gradient(#1845ad,#23a2f6);left:-80px;top:-80px}.shape:last-child{background:linear-gradient(90deg,#ff512f,#f09819);right:-30px;bottom:-80px}.profile-form{height:520px;width:400px;background-color:hsla(0,0%,100%,.13);display:flex;align-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}.profile-form *{font-family:"Poppins",sans-serif;color:#fff;letter-spacing:.5px;outline:none;border:none}.profile-form h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}[class*=entypo-]:before{font-family:"entypo",sans-serif}[class*=fontawesome-]:before{font-family:"FontAwesome",sans-serif}[class*=zocial-]:before{font-family:"zocial",sans-serif}@font-face{font-family:"icomoon";src:url(https://jlalovi-cv.herokuapp.com/font/icomoon.eot);src:url(https://jlalovi-cv.herokuapp.com/font/icomoon.eot#iefix) format("embedded-opentype"),url(https://jlalovi-cv.herokuapp.com/font/icomoon.ttf) format("truetype"),url(https://jlalovi-cv.herokuapp.com/font/icomoon.woff) format("woff"),url(https://jlalovi-cv.herokuapp.com/font/icomoon.svg#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:"icomoon";speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cloudy:before{content:""}.icon-sun:before{content:""}.icon-cloudy2:before{content:""}*{box-sizing:border-box}.ulprofile{list-style-type:none;margin:0;padding-left:0}.h1profile{font-size:23px}.h2profile{font-size:17px}.aprofile,.pprofile{font-size:15px}.aprofile{text-decoration:none}.aprofile,.h1profile,.h2profile,.pprofile,span{color:#fff}.scnd-font-color{color:#9099b7}.input-container{position:relative;align-items:center;margin:0 auto}.input-icon{font-size:22px;position:absolute;left:31px;top:10px}.input-icon.password-icon{left:35px}.horizontal-list{margin:0;padding:0;list-style-type:none}.horizontal-list li{float:left}.clear{clear:both}.icon{font-size:25px}.titular{line-height:60px;margin:0;border-top-left-radius:5px;border-top-right-radius:5px}.button,.titular{display:block;text-align:center}.button{width:175px;line-height:50px;font-size:16px;font-weight:700;margin:0 auto;border-radius:5px;transition:background .3s}.button:hover{text-decoration:none}.arrow-btn-container{position:relative}.arrow-btn{position:absolute;display:block;width:60px;height:60px;transition:background .3s}.arrow-btn:hover{text-decoration:none}.arrow-btn.left{border-top-left-radius:5px}.arrow-btn.right{border-top-right-radius:5px;right:0;top:0}.arrow-btn .icon{display:block;font-size:18px;border:2px solid #fff;border-radius:100%;line-height:17px;width:21px;margin:20px auto;text-align:center}.arrow-btn.left .icon{padding-right:2px}.profile-picture{border-radius:100%;overflow:hidden;box-sizing:content-box}.big-profile-picture{margin:0 auto;border:5px solid #50597b;width:150px;height:150px}.small-profile-picture{border:2px solid #50597b;width:40px;height:40px}.main-container{font-family:"Ubuntu",sans-serif;width:950px;height:1725px;margin:6em auto}header{height:80px}.header-menu{font-size:17px;line-height:80px}.header-menu li{position:relative;-webkit-transform:translateZ(0)}.header-menu-tab{padding:0 27px;display:block;line-height:74px;font-size:17px;transition:background .3s}.header-menu-tab:hover{background:#50597b;border-bottom:4px solid #11a8ab;text-decoration:none}.header-menu-tab .icon{padding-right:15px}.header-menu-number{position:absolute;line-height:22px;padding:0 6px;font-weight:700;background:#e64c65;border-radius:100%;top:15px;right:2px;transition:all .3s linear}.header-menu li:hover .header-menu-number{text-decoration:none;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.profile-menu{float:right;height:80px;padding-right:20px}.profile-menu p{font-size:17px;display:inline-block;line-height:76px;margin:0;padding-right:10px}.profile-menu a{padding-left:5px}.profile-menu a:hover{text-decoration:none}.small-profile-picture{display:inline-block;vertical-align:middle}.container{float:left;width:300px}.block{margin-bottom:25px;background:#394264;border-radius:5px}.middle-container{margin:0 25px}.profile{height:410px;margin:0 auto}.add-button .icon{float:right;line-height:18px;width:23px;border-radius:100%;font-size:18px;text-align:center;margin:10px}.add-button .icon:hover{color:#e64c65;border-color:#e64c65}.user-name{margin:25px 0 16px;text-align:center}.profile-description{width:210px;margin:0 auto;text-align:center}.profile-options{padding-top:58px}.profile-options li{border-left:1px solid #1f253d}.profile-options p{margin:0}.profile-options a{display:block;width:99px;border-radius:10%;line-height:60px;text-align:center;transition:background .3s}.profile-options a:hover{text-decoration:none;background:#50597b}.profile-options a:hover.comments .icon{color:#fcb150}.profile-options a:hover.views .icon{color:#11a8ab}.profile-options a:hover.likes .icon{color:#e64c65}.profile-options .icon{padding-right:10px}.profile-options .comments{border-top:4px solid #fcb150}.profile-options .views{border-top:4px solid #11a8ab}.profile-options .likes{border-top:4px solid #e64c65}.rightbar{flex:3.5 1;position:absolute;top:0;right:0}.rightbarWrapper{padding:20px 20px 0 0}.birthdayContainer{display:flex;align-items:center}.birthdayImg{width:40px;height:40px;margin-right:10px}.birthdayText{font-weight:300;font-size:15px}.rightbarAd{width:100%;border-radius:10px;margin:30px 0}.rightbarTitle{margin-bottom:20px}.rightbarFriendList{padding:0;margin:0;list-style:none}.rightbarTitle{font-size:18px;font-weight:500;margin-bottom:10px}.rightbarInfo{margin-bottom:30px}.rightbarInfoItem{margin-bottom:10px}.rightbarInfoKey{font-weight:500;margin-right:15px;color:#555}.rightbarInfoValue{font-weight:300}.rightbarFollowings{display:flex;flex-wrap:wrap;justify-content:space-between}.rightbarFollowing{display:flex;flex-direction:column;margin-bottom:20px;cursor:pointer}.rightbarFollowingImg{width:100px;height:100px;object-fit:cover;border-radius:5px}.rightbarFollowButton{margin-top:30px;margin-bottom:10px;min-width:110px;min-height:40px;border:none;background-color:#1872f2;color:#fff;border-radius:5px;padding:5px 10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;cursor:pointer}.rightbarFollowButton:focus{outline:none}*{color:#ffa600}.post-container,.section{align-items:center}.section{width:100%;height:100vh;background-color:#000;display:flex;justify-content:center}.container-faq{width:100%;max-width:80rem;margin:0 auto;padding:0 1.5rem}.accordion-item{background-color:#000;border-radius:.4rem}.accordion-item hr{border:1px solid hsla(0,0%,100%,.5)}.accordion-link{font-size:1.6rem;color:hsla(0,0%,100%,.8);text-decoration:none;background-color:#000;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.accordion-link h3{font-weight:500;font-size:20px}.accordion-link i{color:#e7d5ff;padding:.5rem}.accordion-link ul{display:flex;align-items:flex-end;list-style-type:none;margin-left:25px}.accordion-link li{font-size:10px;color:hsla(0,0%,100%,.4);padding:0 0 1px 5px}.accordion-link div{display:flex}.accordion-link .ion-md-arrow-down{display:none}.answer{max-height:0;overflow:hidden;position:relative;background-color:#000;transition:max-height .65s}.answer p{color:#fff;font-size:15px;padding:2rem}.accordion-item:target .answer{max-height:20rem}.accordion-item:target .accordion-link .ion-md-arrow-forward{display:none}.accordion-item:target .accordion-link .ion-md-arrow-down{display:block}.slider{position:relative;height:100vh;display:flex;justify-content:center;align-items:center}.image{width:800px;height:450px;border-radius:10px}.right-arrow{right:32px}.left-arrow,.right-arrow{position:absolute;top:50%;font-size:3rem;color:#000;z-index:10;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.left-arrow{left:32px}.slide{opacity:0;transition-duration:1s ease}.slide.active{opacity:1;transition-duration:1s;-webkit-transform:scale(1.08);transform:scale(1.08)}
/*# sourceMappingURL=main.edeefbf9.chunk.css.map */