@import "https://fonts.googleapis.com/css2?family=Varela+Round&display=swap";@keyframes movement{0%{filter:blur(.5px)brightness(1.2)}50%{filter:blur(.7px)brightness(1.28)}to{filter:blur(.5px)brightness(1.2)}}@keyframes colorado{0%{color:var(--color-black)}to{color:var(--color-gray-500)}}@keyframes levitating{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes movementBackground{0%{background-position:0}to{background-position:15vh}}@keyframes jumping{0%{transform:translateY(0)}0%{transform:translateY(200%)}}.burst-particle{opacity:.8;background:#000;border-radius:50%;width:12px;height:12px;position:absolute}.menu-nft{z-index:30000;justify-content:center;align-items:center;width:3.5em;height:100vh;transition:all .5s;display:flex;position:absolute;top:0;left:100%;transform:translate(-100%)}.menu-nft .menu-nft-item{flex-direction:column;align-items:center;height:20%;margin:1em .5em;padding:0 1.5em;display:flex;position:relative}.menu-nft .menu-nft-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.menu-nft .menu-nft-item .nft-item-detail-div{background:linear-gradient(to bottom, var(--color-black) 5%, #1b1b1b 10%);color:#fff;border-bottom:2px solid var(--color-slate-50);width:100%;height:0;transition:all .5s;overflow:hidden}.menu-nft .menu-nft-item .nft-item-detail-active{height:20vh;padding:1em .5em}.menu-nft .menu-nft-item .nft-item-detail-active h3{margin-bottom:.5em}.menu-nft .menu-nft-item-portrait{width:20vh;height:20vh;margin:.5em 0;position:relative}.menu-nft .menu-nft-item-portrait .nft-item-price-div{color:#fff;background:#111;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:0;left:0}.menu-nft .menu-nft-item-portrait .nft-item-price-hidden{opacity:0}.menu-nft button.menu-nft-button{background:var(--color-black);z-index:40000;border:none;border-radius:12px;justify-content:center;align-items:center;width:2.35em;height:3em;padding:.5em;transition:all .5s;display:flex;position:relative;left:1em}.menu-nft button.menu-nft-button svg{width:2em;height:2em;color:var(--color-white);transition:all .5s}.menu-nft-active{z-index:40000;width:20em}.menu-nft-active .menu-nft-div{border-radius:5% 0 0 5%!important;overflow-y:auto!important}.menu-nft-active button.menu-nft-button{background:var(--color-black)}.menu-nft-active button.menu-nft-button svg{color:var(--color-white)}.menu-nft-active button.menu-nft-button:before{background:var(--color-black);left:-14px}.menu-nft-active button.menu-nft-button:after{background:var(--color-black);top:28px;left:20px}.menu-nft-active .menu-nft-item{width:100%}.menu-nft-div{background:var(--color-black);border-radius:30px 0 0 30px;flex-direction:column;align-items:flex-start;width:100%;min-height:100%;max-height:100vh;transition:all .5s;display:flex;position:relative;overflow:hidden}div#works{background-color:var(--color-gray-900);background:url(/media/native_m/background.webp) bottom/cover no-repeat;flex-wrap:wrap;justify-content:space-around;gap:2rem;padding:3rem 1rem;display:flex;position:relative}div#works:before,div#works:after{opacity:.9;content:"";aspect-ratio:16/9;width:100%;position:absolute;top:0;left:0;transform:rotate(180deg)}div#works:after{background:url(https://firebasestorage.googleapis.com/v0/b/portfolio-personal-df7a4.appspot.com/o/media%2Fimages%2Fclouds.png?alt=media&token=f5ecec7d-b835-44a8-bd4d-22263015d648) bottom no-repeat;bottom:0;transform:rotate(0)}div#works a{z-index:1000;aspect-ratio:2;border:2px solid #0000;border-radius:15px;width:20rem;min-width:30vw;transition:all 1s;position:relative;box-shadow:0 5px #e8363666,0 10px #f02eaa4d,0 15px #2ef09533,0 20px #f02eaa1a,0 25px #f02eaa0d}div#works a:hover{border:2px solid var(--color-black)}div#works a:hover:before{border-color:var(--color-black);inset:0 -15px;transform:skewY(10deg)}div#works a:hover:after{border-color:var(--color-black);inset:-15px 0;transform:skew(10deg)}div#works a:before{content:"";border-left:2px solid #0000;border-right:2px solid #0000;transition:all 1s;position:absolute;inset:0 -2px}div#works a:after{content:"";border-top:2px solid #0000;border-bottom:2px solid #0000;transition:all 1s;position:absolute;inset:-2px 0}div#works a img{-o-object-fit:cover;object-fit:cover;border-radius:12px}.about{min-height:100vh;padding:50px 0;position:relative;overflow:hidden}.about:before{content:"";z-index:2;background:url(/media/images/Third-middle-background-page.png) 50% 0/100% 100% no-repeat;width:100%;height:10%;position:absolute;top:0;left:0;transform:rotate(180deg)rotateY(180deg)}.about:after{content:"";z-index:1;background:url(/media/images/background_professional.jpg) 50% 0/100% 100% no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(180deg)rotateY(180deg)}.about-me{z-index:50;color:var(--color-gray-700);opacity:1;background:#ebe4e43d;border-radius:10px;width:90%;position:relative;transform:translate(0);box-shadow:0 2px 4px #0006,0 7px 13px -3px #0000004d,inset 0 -3px #0003}.home{background:url(/media/images/background_professional.jpg) 50% 0/100% 100% no-repeat;width:100%;height:100vh;position:relative;overflow:hidden}.bg-complement-container{transform-style:preserve-3d;opacity:.8;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.bg-complement-container .bg-complement{width:100px;height:100px;transform-style:preserve-3d;position:relative;transform:rotate(33deg)rotateY(33deg)rotateX(50deg);opacity:1!important}.bg-complement-container .bg-complement div{width:100%;height:100%;transform-style:preserve-3d;transition:all .1s;position:absolute}.bg-complement-container .bg-complement div:after{content:"";clip-path:polygon(0% 5%,5% 0%,95% 0%,100% 5%,100% 95%,95% 100%,5% 100%,0% 95%);opacity:1;background:url(/media/images/mepicture3.jpeg) 0 0/100%;width:100%;height:100%;position:absolute;transform:rotateX(-90deg)translateZ(50px)}.bg-complement-container .bg-complement div:before{content:"";clip-path:polygon(0% 5%,5% 0%,95% 0%,100% 5%,100% 95%,95% 100%,5% 100%,0% 95%);opacity:1;background:url(/media/images/mepicture2.jpeg) 0 0/100%;width:100%;height:100%;position:absolute;transform:rotateX(90deg)translateZ(50px)}.bg-complement-container .bg-complement span{clip-path:polygon(0% 5%,5% 0%,95% 0%,100% 5%,100% 95%,95% 100%,5% 100%,0% 95%);width:100%;height:100%;transform:rotateY(calc(90deg * var(--i))) translateZ(50px);opacity:1;background:url(/media/images/mepicture4.jpeg) 0 0/100% 100%;position:absolute}.bg-complement-container .bg-complement span:first-child{background:url(/media/images/mepicture5.jpeg) 0 0/100% 100%}.bg-complement-container .bg-complement span:nth-child(2){background:url(/media/images/mepicture6.jpeg) 0 0/100% 100%}.bg-complement-container .bg-complement span:last-child{background:url(/media/images/mepicture1.jpeg) 0 0/100% 100%}.con-welcome{text-align:center;width:80%;margin:auto;position:relative}.con-welcome #h1{filter:drop-shadow(2px 3px 1px #8a6161f0);color:var(--color-gray-800);margin:auto;font-family:Josefin Sans,Chine Handwriting,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:7vw}.divi-content{color:var(--color-black);font-style:italic;font-family:var(---font-sans);position:absolute;bottom:0;left:2%}.divi-content h4{filter:drop-shadow(1px 1px #b45309);font-size:4vw;font-weight:500}.divi-content h4 .one-h{color:#d97706;font-family:var(--font-sans);font-style:none!important}.divi-content h4 .str-h{color:#db2777;font-family:var(--font-mono);font-style:normal}#menu{z-index:2000000;width:30vw;height:100vh;position:fixed;top:0;left:0}#menu #menu-base{background:#fffbe5f5;border-radius:0 20px 20px 0;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}#menu #menu-base .menu-item .menu-item-box{border:2px solid var(--color-gray);box-shadow:var(--color-gray) 4px 4px 0 0;color:var(--color-gray);cursor:pointer;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;background-color:#fbeee0;border-radius:30px;padding:0 18px;font-size:18px;font-weight:600;line-height:50px;text-decoration:none;display:inline-block}#menu #menu-base .menu-item .menu-item-box:hover{background-color:var(--color-white)}#menu #menu-base .menu-item .menu-item-box h3{font-family:var(--font-mono);color:var(--color-gray-700);margin:.5rem;font-size:2rem}#menu #menu-base .menu-item .menu-item-box h3:first-letter{color:var(--color-gray-900)}.preloader{color:#fff;z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fantonix-logo{opacity:0;background:#fff;width:64px;height:64px;transform:scale(.8);-webkit-mask:url(/media/images/icon.png) 50%/contain no-repeat;mask:url(/media/images/icon.png) 50%/contain no-repeat}.loading-text{letter-spacing:1.5px;text-transform:uppercase;color:#888;opacity:0;margin-top:24px;font-size:14px}.not-found{width:75%;height:100vh;margin:auto;padding-top:3%}.not-found h2{margin-bottom:7%;font-family:Helvetica,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:xx-large;font-weight:700}.not-found-content{margin:7%}.not-found-content>h3{margin:2% 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:x-large;font-weight:bolder}.not-found-content>ul li{margin:1%}.not-found-content ul li h4{font-family:Courier New,Courier,monospace;font-size:large}.not-found-content ul li h4 a{color:orange;text-decoration:none}.not-found-link{margin-top:10%}.not-found-link h3{letter-spacing:1px;margin:0 2%;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:x-large;display:inline-block}.not-found-link button{height:2.5em;transition:.5;background-color:#556b2f;border:none;border-radius:2.5%}.not-found-link button a{color:#fff;width:100%;height:100%;padding:1em;text-decoration:none}.not-found-link button:hover,.not-found-link button:focus{background-color:#40581a}:root{--brand-amber:#d97706}.btn.btn-secondary:hover,.btn.btn-secondary:focus{outline-offset:3px;outline:3px solid var(--color-gray-100);box-shadow:0 5px 20px 4px var(--brand-amber)}button{width:fit-content;height:fit-content}button:hover{cursor:pointer}.body{position:relative}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-iteration-count:unset;transition-duration:1.4s!important;animation-duration:1s!important}.animate__animated[class*=Out]{opacity:unset}}svg{width:1.5em;height:1.5em}img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}h1{font-family:Josefin Sans,Chine Handwriting,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif!important}p,blockquote{font-family:PT Sans,sans-serif!important}h2,h3{font-optical-sizing:auto;font-family:Quicksand,sans-serif}a{font-family:Questrial,PT Sans,sans-serif}header:after{content:"";z-index:-1;backdrop-filter:blur(16px);background-color:#fff3;border-radius:0 0 16px 16px;width:100%;height:10%;position:absolute;bottom:-5%;left:0}@media screen and (width<=575px) and (height>=801px){.bg-complement{width:125px;height:125px}.bg-complement div:before{transform:rotateX(90deg)translateZ(62.5px)}.bg-complement div:after{transform:rotateX(-90deg)translateZ(62.5px)}.bg-complement span{transform:rotateY(calc(90deg * var(--i))) translateZ(62.5px)}#h1{font-size:15.5vw}}@media screen and (width>=576px){.home{height:100vh}.home #h1{font-size:3vw}.home .bg-complement{width:125px;height:125px}.home .bg-complement div:before{transform:rotateX(90deg)translateZ(62.5px)}.home .bg-complement div:after{transform:rotateX(-90deg)translateZ(62.5px)}.home .bg-complement span{transform:rotateY(calc(90deg * var(--i))) translateZ(62.5px)}.home .divi-content h4{font-size:calc(1.25rem + .3vw)}.home .nav-home{top:81%}}@media screen and (width>=768px){.home{height:100vh}.home #h1{font-size:4vw}.home .nav-home{top:90%}.about-me .text{font-size:120%}}@media screen and (width>=992px){.bg-complement{width:200px;height:200px}.bg-complement div:before{transform:rotateX(90deg)translateZ(100px)}.bg-complement div:after{transform:rotateX(-90deg)translateZ(100px)}.bg-complement span{transform:rotateY(calc(90deg * var(--i))) translateZ(100px)}div.menu-nft-active{width:30vw}}