@font-face{font-family:"Nexa-Heavy";src:url("../font/Nexa-Heavy.woff") format("woff")}@font-face{font-family:"Nexa-Light";src:url("../font/Nexa-ExtraLight.woff") format("woff")}@font-face{font-family:"Nexa-Regular";src:url("../font/Nexa Regular.woff") format("woff")}@font-face{font-family:"Nexa-Bold";src:url("../font/Nexa Bold.woff") format("woff")}@font-face{font-family:"Accent";src:url("../font/BebasNeuewebfont.woff") format("woff")}@font-face{font-family:"Accents";src:url("../font/Due_Credit_Extra_Bold.woff") format("woff")}header #header{position:sticky;height:fit-content}header a img{height:100%;padding-top:5px;padding-left:-20px}#Nav-Desktop button{width:32px;height:27px;background:url(../images/moblie_menu.svg) no-repeat center;margin-top:20px;margin-bottom:5px;padding-top:4px;padding-bottom:20px;transition:all .5s ease;border:0}#button:hover{background:url(../images/moblie_hover.svg) no-repeat center;width:32px;height:27px;cursor:cell}#Nav-Deskop{margin-top:3px;margin-left:11px}#Nav-Desktop button.expanded{transform:rotate(90deg)}#burger-con{margin-bottom:20px;display:none;position:absolute;height:306px;background:linear-gradient(0deg, #7574A2, #0d0b57);z-index:1}#burger-con.slide-toggle{display:block;left:0;right:0}#burger-con ul li{margin-bottom:10px;font-size:21px}#burger-con ul{padding-left:0}#burger-con ul li a{display:block;padding:10px 0 10px 0;text-align:center;color:#fff;text-decoration:none;font-family:"Nexa-Regular",Monospace}#burger-con ul li a:hover{color:#7574a2}@media screen and (min-width: 768px){#Nav-Desktop button{display:none}#header img{height:50%;margin-top:10px;margin-left:17px}#burger-con{display:contents;position:relative;height:0}#burger-con ul li a{display:inline}#Nav-Desktop{margin-top:6px}#Nav-Desktop ul li{display:inline;margin-right:27px}#Nav-Desktop ul li:first-of-type{display:none}}@media screen and (min-width: 1200px){#header img{margin:40 10 10 10}#burger-con ul li a{font-size:23px}}@media screen and (min-width: 1920px){#burger-con ul li a{font-size:23px}}footer{font-family:"Nexa-Regular",Monospace;color:#fff;background-color:#0d0b57;text-align:center}footer span{border:solid .3px #fff;margin-left:6px;margin-right:1px}#find{margin-left:-70px}#find ul i{margin-left:25px;font-size:30px}#price-policy{line-height:30px}@media screen and (min-width: 1200px){#find ul i{font-size:35px}}@media screen and (min-width: 1920px){#find ul i{font-size:40px}}.lottie-container{display:flex;justify-content:center;align-items:center;margin:0 auto;border-radius:10px;max-width:180%;height:600px;width:1200px}@media screen and (min-width: 1200px){.lottie-container{max-width:100%;height:500px;margin-left:49px;padding:20px}}@media screen and (min-width: 1920px){.lottie-container{max-width:180%;height:600px;margin-left:0}}#magic{animation:change 10s infinite ease-in-out}@keyframes change{0%{background-color:#0d0b57}12.5%{background-color:#bc8d0a}25%{background-color:#e88b8b}37.5%{background-color:#ead514}50%{background-color:#e08314}62.5%{background-color:#ead514}75%{background-color:#e88b8b}87.5%{background-color:#bc8d0a}100%{background-color:#7574a2}}#magic::before{content:"";margin-left:28%;margin-top:6%;width:200px;height:200px;margin-bottom:50px;background:#0d0b57;border-radius:62% 47% 82% 35%/45% 45% 80% 66%;will-change:border-radius,transform,opacity;animation:magicShape 5s linear infinite;display:block;-webkit-animation:magicShape 5s linear infinite}@keyframes magicShape{0%,100%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate3d(0, 0, 0) rotateZ(0.01deg)}34%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translate3d(0, 5px, 0) rotateZ(0.01deg)}50%{transform:translate3d(0, 0, 0) rotateZ(0.01deg)}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate3d(0, -3px, 0) rotateZ(0.01deg)}}#magic-text{position:absolute;margin-top:-39%;color:#fff;font-family:"Nexa-Regular",Monospace;margin-left:75px;font-size:16px;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){#magic::before{content:"";margin-left:25%;margin-top:5%;width:450px;height:450px}#magic-text{margin-top:-35%;margin-left:25%;font-size:24px}}@media screen and (min-width: 1200px){#magic::before{content:"";margin-left:35%;margin-top:5%;width:450px;height:450px}#magic-text{margin-left:34%;font-size:28px}}@media screen and (min-width: 1200px){#magic-text{margin-top:-17%}}#slider-container{overflow:hidden;position:relative}#image-slider{display:flex;transition:transform .5s ease-in-out}.slider-image{max-width:100%;height:auto;border:solid 1.5px #0d0b57;padding:5px}#prev-btn,#next-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;cursor:pointer;border:none;background-color:#7574a2;border-radius:100%;font-size:20px;font-family:"Nexa-Bold",Monospace;color:#0d0b57}#prev-btn:hover,#next-btn:hover{opacity:30%;outline:solid 3px #0d0b57}#prev-btn{padding:4px 14px 4px 12px}#next-btn{padding:4px 12px 4px 14px}#prev-btn{left:7px}#next-btn{right:7px}@media screen and (min-width: 1200px){#prev-btn,#next-btn{font-size:20px;padding:2px 20px 2px 15px;font-size:37px}#next-btn{padding:2px 15px 2px 20px}#prev-btn{left:15px}#next-btn{right:15px}}@media screen and (min-width: 1920px){#prev-btn,#next-btn{font-size:20px;padding:2px 23px 2px 19px;font-size:50px}#next-btn{padding:2px 19px 2px 23px}#prev-btn{left:15px}#next-btn{right:15px}}html{overflow:auto;scrollbar-width:none}html::-webkit-scrollbar{display:none}a{text-decoration:none}footer a{color:#fff}.demo-reel{height:32px;width:32px;border-radius:100%;grid-row:1/3;margin:10px;margin-left:12%;border:0;background:url(../images/Demo_Play.svg) no-repeat center;cursor:pointer;background-size:contain}#hero{font-family:"Nexa-Regular",Monospace;background-color:#0d0b57}#hero img{grid-row:1/3}#hero #hero-text{color:#d4af37;margin-top:20%;grid-row:1/3;text-align:center}#hero #hero-text h3{font-size:15px}#hero #hero-text #Jay{color:#7574a2;font-size:30px;line-height:1.7}#hero #hero-text p{letter-spacing:4px;font-size:22px}#watch{color:#fff;grid-row:1/3;font-size:10px;padding:35px;margin-left:15px;display:none}.demo-reel:hover~#watch{display:block}.demo-reel.expanded~#watch{display:block}#demo-video.slide-toggle{display:block;left:0;right:0}#demo-video{display:none}.ski{background-color:#0d0b57;padding:20px;font-family:"Nexa-Bold",Monospace;padding-top:22px}.ski h2{color:#fff;letter-spacing:4px;text-align:center;margin-bottom:18px;font-size:18px}.skills{display:flex;flex-direction:row;list-style-type:none}#close{position:absolute;width:25px;height:25px;border:none;margin-left:-10%;margin-top:11px;background:url(../images/close.svg) no-repeat center;cursor:pointer;background-size:contain}#close:hover{background:url(../images/close-change.svg) no-repeat center}.recent li :hover~.nam{display:block;transition:ease-in-out}.recent{list-style-type:none;padding-top:30px;font-family:"Nexa-Bold",Monospace;color:#7574a2;background-color:#0d0b57;padding-bottom:40px;align-items:center}.recent .nam{margin-top:-59%;margin-left:-2%;font-size:25px;font-size:"Nexa-Bold",Monospace;padding:5px;color:#fff;display:none;padding-left:20px;padding-right:20px;text-align:center}.recent a{text-align:center}.recent a button{font-size:20px;border:none;padding:10px;cursor:pointer;background-color:#7574a2;color:#fff}.recent a button:hover{background-color:#4cf68d;transition:1.7s}.recent h2{text-align:center;font-size:30px;background-color:#7574a2;color:#fff;margin-bottom:20px}@media screen and (min-width: 768px){#hero #hero-text{margin-top:30%;margin-left:12%;text-align:initial}#hero #hero-text h3{font-size:35px}#hero #hero-text #Jay{font-size:80px}#hero #hero-text p{font-size:40px}.demo-reel{height:67px;width:67px;margin:10px;margin-top:10px;border:0;margin-left:50%;margin-bottom:90%}#watch{font-size:30px;padding:23px;margin-left:90px}.ski h2{margin-bottom:30px;font-size:31px}#close{width:58px;height:60px;margin-top:9px;margin-left:-7%}.recent{padding-top:30px;margin-left:-3px;padding-bottom:40px}.recent .nam{margin-top:-23%;margin-left:-1%;font-size:22px}.recent a button{font-size:25px;padding:10px}.recent h2{font-size:31px;padding:5px}}@media screen and (min-width: 1200px){#hero #hero-text{margin-top:19%;margin-left:50px}#hero #hero-text h3{font-size:35px}#hero #hero-text #Jay{font-size:80px}#hero #hero-text p{font-size:40px;margin-right:-173px}.demo-reel{height:57px;width:57px;margin-top:400%;border:0;margin-left:50%;grid-row:1/3}#watch{font-size:30px;padding:23px;margin-left:90px;margin-top:75%}.ski h2{margin-bottom:30px;font-size:31px}#close{width:58px;height:60px;margin-top:9px;margin-left:-7%}.recent{padding-top:30px;margin-left:0;padding-bottom:40px}.recent .nam{margin-top:-23%;margin-left:-1%}.recent a button{font-size:25px;padding:10px}.recent h2{font-size:35px;padding:5px}}@media screen and (min-width: 1920px){#nam{margin-top:-28%}#hero #hero-text{margin-top:23%;margin-left:15%;grid-row:1/3}#hero #hero-text h3{font-size:35px}#hero #hero-text #Jay{font-size:80px}#hero #hero-text p{font-size:50px}.demo-reel{height:65px;width:65px;margin-top:363%;border:0;margin-left:85%;margin-bottom:50%}#watch{font-size:27px;padding:35px;margin-left:34px;margin-top:98%}.ski h2{margin-bottom:30px;font-size:35px}#close{width:100px;height:100px;margin-top:27px}.recent{padding-top:30px;font-family:"Nexa-Bold",Monospace;color:#7574a2;background-color:#0d0b57;padding-bottom:40px}.recent .nam{margin-top:-15%;margin-left:-1%;font-size:40px;padding:5px;color:#fff;padding-left:20px;padding-right:20px;text-align:center}.recent a button{font-size:30px;padding:20px}.recent h2{font-size:40px}}#main{background:linear-gradient(180deg, #0d0b57, #7574A2)}#about{color:#fff;margin-top:30px;font-family:"Nexa-Regular",Monospace}#about img{align-items:center}#about #name h2{font-size:45px;font-style:italic;line-height:1.2;font-family:"Nexa-Bold",Monospace;margin-top:-5px;animation:in 1s;letter-spacing:5px}#about #name p{line-height:1.7;padding:0 18px 0 18px;text-align:justify;margin-top:20px}@keyframes in{from{letter-spacing:35px;filter:blur(5px);opacity:0}to{letter-spacing:0;filter:blur(0);opacity:1px}}#quote{line-height:1.7;color:#fff;font-family:"Nexa-Regular",Monospace}#quote h2{font-family:"Times New Roman";text-align:center;font-size:70px;padding-bottom:0;margin-bottom:-49px}#quote h3{font-size:23px}#quote h4{text-align:center;letter-spacing:2px;font-family:"Nexa-Light",Monospace;margin-bottom:20px}#quote p{padding:0 18px 0 18px;text-align:justify;margin-top:20px}#hobby{color:#fff;font-family:"Nexa-Bold",Monospace}#hobby h2{background-color:#0d0b57;text-align:center;padding:8px 0 8px 0;margin-bottom:20px}#hobby img{border:solid 2px #0d0b57;padding:5px;margin-bottom:20px;cursor:pointer}#hobby p{margin-top:40px;position:absolute;background-color:#0d0b57;padding:8px 10px 8px 8px;font-size:20px}.read :hover~.read p{display:block}@media screen and (min-width: 768px){#about #name h2{font-size:50px;margin-top:20px}#about #name p{line-height:2;margin-top:27px}}@media screen and (min-width: 1200px){#about #name h2{font-size:70px;margin-top:27px}#about #name p{line-height:2.3;margin-top:32px;font-size:20px}#quote{line-height:1.7;color:#fff;font-family:"Nexa-Regular",Monospace}#quote h2{font-size:80px}#quote h3{font-size:32px}#quote h4{font-size:20px;margin-bottom:40px;margin-top:10px}#quote p{padding:0 18px 0 18px;text-align:justify;margin-top:20px;font-size:20px}}@media screen and (min-width: 1920px){#about #name h2{font-size:100px;margin-top:27px}#about #name p{line-height:2.3;margin-top:32px;font-size:23px}#quote{line-height:1.7;color:#fff;font-family:"Nexa-Regular",Monospace}#quote h2{font-size:100px;margin-top:-41%}#quote h3{font-size:40px;margin-top:-40%;margin-bottom:30px}#quote h4{font-size:20px;margin-bottom:40px;margin-top:10px}#quote p{padding:0 18px 0 18px;text-align:justify;margin-top:40px;font-size:23px}}.scroll-down{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);cursor:pointer;opacity:0;visibility:hidden;animation:fadeIn 1s ease-in-out forwards;animation-delay:4s}#break{display:none}.scroll-down .arrow{font-size:2rem;color:#fff;text-decoration:none}@keyframes fadeIn{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}#pro{background-color:#0d0b57}.allProject{display:flex;flex-wrap:wrap;margin-left:15px;margin-right:15x}.project{background-color:rgba(0,0,0,0);border:solid 1px #7574a2;margin-bottom:15px;margin-top:20px;font-family:"Nexa-Regular",Monospace;display:flex;flex-wrap:wrap;height:max-content;flex-direction:column;position:relative;overflow:hidden}.project :hover{cursor:url(../images/cursor.svg),auto;transition:transform 1s ease-in-out}.project a{display:flex;justify-content:center;align-items:center;text-decoration:none;cursor:url(../images/cursor.svg),auto}.project h3{color:#0d0b57;text-decoration:none;line-height:1.2;text-align:center;margin:0}.project img{max-width:100%;max-height:100%;display:block;padding:8px}.project-type,.project-title{background-color:#7574a2;padding:7px;text-align:center;border-radius:30px;position:absolute;color:#0d0b57;left:10px;border-top-left-radius:0;border-bottom-left-radius:0}.project-type{top:16px}.project-title{top:66px}.project.two-thirds,.project.one-third,.project.full-width{width:99%}.project:hover img{transform:scale(1.01)}.project:hover{transform:scale(1.03)}#projectTitle{padding-top:15%;text-align:center;color:#fff;height:100vh}#projectTitle h2{letter-spacing:3px;font-size:70px;font-family:"Accent",Monospace;color:#7574a2}#projectTitle p{font-family:"Nexa-Light",Monospace;font-size:14px;line-height:1.2;margin-top:-12%;animation:fadeIn 15s ease-in-out forwards}@media screen and (min-width: 768px){.project.two-thirds{width:48.309178744%}.project.one-third{width:48.309178744%}#break{display:initial}}@media screen and (min-width: 1200px){.project.two-thirds{width:63.4920634921%}.project.one-third{width:33.3333333333%}.scroll-down .arrow{font-size:3rem}}@media screen and (min-width: 1920px){.project.two-thirds{width:64.5161290323%}.project.one-third{width:33.3333333333%}.project.full-width{height:fit-content}#projectTitle h2{font-size:150px}#projectTitle p{font-size:24px}.project{height:633px;object-fit:none}.scroll-down .arrow{font-size:5rem}}#form{font-size:15px;border:none;margin-top:22px;background-color:#fff;color:#0d0b57;padding:10px;margin-left:28%;font-family:"Nexa-Bold",Monospace,Arial,sans-serif}#form:hover{background-color:#7574a2;border-radius:solid 1px #fff;cursor:pointer;color:#fff;box-shadow:0 0 5px aqua,0 0 25px aqua,0 0 50px aqua,0 0 100px aqua}#contact{margin-top:20px;margin-bottom:20px;display:none;height:380px}#contact p{text-align:center;font-family:"Nexa-Regular",Monospace,Arial,sans-serif;font-size:14px;margin-bottom:30px}#contact p br{display:none}#contact form{display:flex;flex-direction:column;align-items:center}#contact #name,#contact #mail,#contact textarea{font-family:"Nexa-Regular",Monospace,Arial,sans-serif;font-size:15px;padding-top:4%;padding-left:10px;resize:none;box-shadow:5px 5px 0 rgba(87,37,87,.097);color:#0d0b57}#contact textarea{scrollbar-width:none;-ms-overflow-style:none}#contact textarea::-webkit-scrollbar-thumb:hover{background-color:#555}.formText{margin-bottom:20px;width:60%;height:3rem;border:none;background-color:none;outline:none}#sub{height:40px;font-family:"Nexa-Bold",Monospace,Arial,sans-serif;font-size:15px;align-content:center;padding:0 20px 0 20px;border:none;box-shadow:none;cursor:pointer;background-color:#0d0b57;color:#fff}#sub:hover{outline:solid 2px #7574a2;background-color:rgba(0,0,0,0);color:#0d0b57;transition:.3s ease-in;transform:scale(1.1)}#contact.slide-toggle{display:block;left:0;right:0}@media screen and (min-width: 768px){#form{font-size:20px;margin-top:40px}.formText{width:35%}#sub{height:33px;font-size:18px}#contact #name,#contact #mail,#contact textarea{padding-top:1.7%}#contact p{text-align:center;font-size:17px;margin-bottom:30px;line-height:23px}#contact p br{display:block}}@media screen and (min-width: 1200px){#form{font-size:21px;margin-top:40px;margin-left:36%}}@media screen and (min-width: 1920px){#form{font-size:21px;margin-top:40px;margin-left:36%}.formText{width:25%}}#casestudy{color:#fff;font-family:"Nexa-Regular",Monospace;margin-top:30px}#casestudy #zima-hero{font-family:"Nexa-Bold",Monospace}#casestudy #zima-hero span{height:20px;border:solid .1rem #fff;margin-right:.5rem;margin-left:.5rem}#casestudy #zima-hero h2{text-align:center;margin-bottom:5px}#casestudy #zima-hero h3{text-align:center;font-family:"Nexa-Light",Monospace;font-size:13px;padding:7px;background-color:#7574a2}#casestudy #zima-hero img{margin-top:10px;margin-bottom:10px}#casestudy .obj h3{margin-bottom:15px;letter-spacing:3px;margin-top:15px;text-align:center;padding:10px;background-color:#7574a2}#casestudy .obj p{line-height:1.8;font-size:17px;margin-left:24px;margin-right:23px}#create{color:#fff;font-family:"Nexa-Regular",Monospace;font-size:14px;margin-bottom:10px}#create h3{letter-spacing:2px;margin-top:15px;padding:6px 0px 6px 17px;margin-left:-15px;background-color:#0d0b57;border-top-right-radius:17px}#skill{margin-top:20px;color:#fff;font-family:"Nexa-Regular",Monospace}#skill ul{padding:0;line-height:23px}#skill ul li{list-style-type:none}#skill h3{letter-spacing:1.7px;border-top-right-radius:17px;background-color:#0d0b57;padding:7px}.skillIcon{display:flex;flex-wrap:nowrap;justify-content:space-between}.skillIcon li{flex:1 1 20%}.skillIcon img{width:128%;height:auto;object-fit:cover;max-width:none}.otherprojectCon{margin-top:20px}.projectList{padding:0;display:flex;gap:10px}.projectList a{width:100%;text-align:center}.projectList img{border-radius:3px;width:100%;height:33px;object-fit:cover}.projectList a:hover img{transform:scale(1.03);transition:transform .2s ease-in-out;transition:border-radius .2s ease-in-out;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.5)}#banner{display:flex;justify-content:flex-start;background:#7574a2;overflow:hidden;position:absolute}#banner h3{text-transform:uppercase;font-family:"Nexa-Bold",Monospace;font-size:12px;color:#fff;-webkit-text-stroke-width:.1px;white-space:nowrap;padding:0 6rem;letter-spacing:1px;animation:move-rtl 8000ms linear infinite}@keyframes move-rtl{0%{transform:translate3d(0, 0, 0)}50%{transform:translate3d(-50%, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}.link a{color:#fff;text-decoration:none}.link h3{margin-bottom:20px}hr{display:block}@media screen and (min-width: 768px){#create{font-size:17px}#create h3{padding:7px 0px 7px 25px;margin-left:-16px;border-top-right-radius:18px}#casestudy{margin-top:30px}#casestudy .pr{margin-bottom:15px}#casestudy #zima-hero{font-family:"Nexa-Bold",Monospace}#casestudy #zima-hero h2{text-align:center;margin-bottom:5px}#casestudy #zima-hero h3{text-align:center;font-family:"Nexa-Light",Monospace;font-size:13px;padding:7px;background-color:#7574a2}#casestudy #zima-hero img{margin-top:10px;margin-bottom:10px}#casestudy .obj h3{letter-spacing:2px;margin-left:-16px;margin-top:20px;font-size:22px;padding:10px;border-top-right-radius:20px;box-shadow:2px 2px 1px 2px #fff}#casestudy .obj p{line-height:2.1;font-size:18px}#casestudy .skillIcon img{margin-left:-4px}.projectList img{height:58px}#banner h3{font-size:20px}}@media screen and (min-width: 1200px){.projectList img{height:117px}#banner h3{margin:7px 0 7px 0}.skillIcon img{margin-left:-8px}}@media screen and (min-width: 1920px){.projectList img{height:200px}.skillIcon img{margin-left:-19px}}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#0d0b57}.container{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;color:#333}.project-list{margin-top:20px}.project-title{margin-top:0;margin-bottom:10px;color:#333}.project-links a{display:block;margin-bottom:5px;color:#007bff;text-decoration:none}.add-project{background-color:#fff;border-radius:5px;padding:20px;margin-top:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.add-project label{display:block;margin-bottom:10px;color:#333}.add-project input[type=text],.add-project textarea,.add-project input[type=file]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.add-project input[type=submit]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.add-project input[type=submit]:hover{background-color:#0056b3}.logout-link{display:block}