@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url('https://fonts.googleapis.com/css2?family=Yatra+One&display=swap" rel="stylesheet');@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@font-face{font-family:Moret;src:url(/font/moret/Moret-BookOblique.woff)}@font-face{font-family:Recoleta;src:url(/font/recoleta/Recoleta-RegularDEMO.otf)}@font-face{font-family:Lemon Milk;src:url(/font/lemonMilk/LEMONMILK-Regular.otf) format("truetype")}@font-face{font-family:Cocogoose;src:url(/font/cocogoose/Cocogoose-Pro-Regular-trial.ttf) format("truetype")}.main-title{font-family:Moret;font-size:10vh;color:#fff}.grained{height:100%}.grained:after{content:"";animation:grain 15s steps(10) infinite;background-image:url(/background/monochrome.png);height:500%;width:500%;opacity:.8;position:fixed}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.blurred-background{animation:moveBackground 8s linear infinite}@keyframes moveBackground{0%{background-position:0 0}to{background-position:100% 0}}.title-font{font-size:20vh}.title-font,.title-font-mobile{font-family:Moret;line-height:.5;font-weight:lighter;text-align:center;white-space:nowrap}.title-font-mobile{font-size:8vh}.custom-cursor-style{cursor:pointer}.mask-description{cursor:None;background:radial-gradient(circle 50px at var(--x,0) var(--y,0),#b00a0adb 99%,#000 100%) fixed;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hint-icon{width:100%;color:#fff;font-family:Lemon Milk;background:hsla(0,0%,50%,.821)}.invert-color{color:hsla(0,0%,100%,0);-webkit-text-stroke:.02vh #fff}.invert-color-white{color:hsla(0,0%,51%,0);-webkit-text-stroke:.02vh #000}.spin-container{animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.imageSizeApp{width:150px;height:250px}.imageSizeAppMobile{width:120px;height:190px}.imageSizePoster{width:180px;height:250px}.imageSizePosterMobile{width:120px;height:170px}.mask{cursor:None;background:radial-gradient(circle 100px at var(--x,0) var(--y,0),#572424c0 99%,#f0f0f0 100%) fixed;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.gray-background{background:#2a2a2a}.marque-experience{font-size:6vh;font-weight:700;color:#fff;background:#ff9a91;font-family:Lemon Milk}.button-arrow{font-size:4vh;color:#000}.flipped-list,.flipped-list li{transform:scale(-1)}.project-div{width:700px;height:600px}.project-div-mobile{width:350px;font-size:1vh;height:650px}.project-tools{font-size:7vh}.marque-sub,.project-tools-mobile{font-size:4vh}.marque-sub{font-weight:700;color:#000;border:2px solid #ddd;background:#fff}.font-moret,.marque-sub{font-family:Moret}.marquee-circle{width:20px;height:20px;background-color:#3498db;border-radius:50%;margin-right:10px}.marque-education{font-size:6vh;font-weight:700;color:#fff;background:#ff9a91;font-family:Lemon Milk}.myImage{width:1100px;height:1100px}.marque-about-me{font-size:6vh;font-weight:700;color:#000;background:#e7e144;font-family:Lemon Milk}.inline-highlight-mobile{font-family:Moret;font-weight:700;font-size:2vh}.inline-highlight{font-family:Moret;font-weight:700;font-size:3.2vh}.aboutMeText{font-family:Roboto;font-weight:lighter;font-size:3vh}.aboutMeText-mobile{font-family:Roboto;font-weight:300;font-size:2vh}.marque-test{font-size:6vh;font-weight:700;color:#a02b2b;background:#000;font-family:Lemon Milk}.aboutMeText-title{font-family:Moret;font-weight:"Bold";font-size:3.5vh}.marque-home{font-size:1.5vh;font-weight:lighter;color:#fff;font-family:Lemon Milk}.title-font-mini-mobile{font-size:3vh;font-weight:lighter;font-family:Moret}.title-font-mini{font-size:5vh;font-weight:lighter;font-family:Moret}.description-font{font-size:2vh;font-style:italic}.header-sticky{background:#fff}.header{display:flex;justify-content:flex-start;position:sticky;top:0}.mini-game-image{width:40vh}.header-icon{font-size:2.5vh;color:#fff}.sticky-header{position:fixed;width:80px;height:100%;background-color:#000;color:#fff;padding:20px;top:0;left:0;z-index:9999}.blur{filter:blur(3px)}.image-list-reorder{padding:.5px}.image-list-reorder,.image-list-reorder-complete{list-style-type:none;width:-moz-max-content;width:max-content}.geeting-title{color:#fff;font-family:Kanit,sans-serif}.content-text,.geeting-title{font-size:5vh;font-weight:200}.content-text{color:#000;font-family:Moret}.skills-container{display:flex;flex-wrap:wrap;align-items:center}.skills-holder{border:1px solid #ccc;border-radius:2vh;width:30vh}.skills-icon{font-size:10vh;margin:auto}.skills-icon-mobile{font-size:5vh;margin:auto}.sticky-sidebar{position:sticky;top:0;height:100vh}.container{width:100%;height:100%}.animation-container{position:relative}.animated-line{position:absolute;top:0;left:0;height:2px;background-color:#007acc}.animated-word{font-size:2em;color:#007acc;font-weight:700;z-index:1}.skills-header{border:1.5px solid #d3d3d3}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}