@charset "UTF-8";.phone-screen,.button-menu{display:none}.phone-screen{position:fixed;top:0;left:0;width:100%;opacity:0;height:100%;z-index:2;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;background:#0303038f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@media (max-width: 1200px){.button-menu,.phone-screen{display:block}.phone-screen.active{position:fixed;top:0;display:block;left:0;width:calc(100% + 5px);opacity:1;height:100%;z-index:8}.phone-screen.active>.popover .content{height:90%}}.popover{height:100%;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.popover .content{display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;height:0%;color:#fff;text-align:center;margin:auto;transition:all .3s linear 0s}.nav_list{list-style-type:none;padding:0}.nav_list a{text-decoration:none;font-size:1.5rem;color:#fff}.nav_list_item{height:100%;overflow:hidden}.nav_list li{padding:15px 0;text-transform:uppercase;transform:translateY(200px);opacity:0;animation:2s slideUp ease forwards .5s;position:relative}.nav_list li:before{content:"";position:absolute;height:2px;width:0px;left:0;bottom:10px;background:var(--active);transition:all .5s ease}.nav_list li:hover:before{width:100%}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.button-menu{bottom:25px;cursor:pointer;fill:none;height:44px;padding:5px;-webkit-tap-highlight-color:transparent;width:44px;right:0;top:10px;position:fixed;z-index:14}.bg{fill:transparent}.button-menu:active .bg{fill:#555}.line{stroke:#fff;stroke-width:2;transition:stroke .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transform-origin:50%}.active .line1{stroke:#fff;transform:translate(-7.5px) translateY(5px) rotate(45deg)}.active .line2{stroke:#fff;transform:scale(0)}.active .line3{stroke:#fff;transform:translate(-.4px) translateY(-8px) rotate(-45deg)}.play-button-menu{bottom:25px;cursor:pointer;fill:none;height:44px;padding:5px;-webkit-tap-highlight-color:transparent;width:44px;right:0;top:36px;position:fixed;z-index:14}.active .pline1{stroke:#fff;transform:translate(-11.5px) translateY(2px) rotate(90deg)}.active .pline2{stroke:#fff;transform:scale(0)}.active .pline3{stroke:#fff;transform:translate(-10.4px) translateY(2px) rotate(90deg)}.pline1{stroke:#fff;transform:translate(-7px) translateY(4px) rotate(39deg)}.pline2{stroke:#fff;transform:translate(-14.5px) translateY(1px) rotate(90deg)}.pline3{stroke:#fff;transform:translate(-10.5px) translateY(2px) rotate(152deg)}[appatjanimation]{opacity:0}.fade_from_right{animation:fade_from_right 1s cubic-bezier(.9,.6,.5,.9) forwards}@keyframes fade_from_right{0%{transform:translate(60px);opacity:0}to{opacity:1;transform:translate(0)}}.fade_from_left{animation:fade_from_left 1s cubic-bezier(.9,.6,.5,.9) forwards}@keyframes fade_from_left{0%{transform:translate(-60px);opacity:0}to{opacity:1;transform:translate(0)}}.fade_from_bottom{animation:fade_from_bottom 1s cubic-bezier(.9,.7,.5,.9) forwards}@keyframes fade_from_bottom{0%{transform:translateY(60px);opacity:0}to{opacity:1;transform:translateY(0)}}.fade_from_top{animation:fade_from_top 1s cubic-bezier(.9,.7,.5,.9) forwards}@keyframes fade_from_top{0%{transform:translateY(-60px);opacity:0}to{opacity:1;transform:translateY(0)}}.scalefrom{animation:scalefrom 1s cubic-bezier(.9,.7,.5,.9) forwards}@keyframes scalefrom{0%{-webkit-transform:scale(.2);-moz-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);opacity:0;-webkit-transform:scale(.2,.2)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1,1)}}.experiencelist{animation:experiencelist 1s cubic-bezier(.9,.6,.5,.9) forwards}@keyframes experiencelist{0%{transform:translate(60px) skew(15deg);opacity:0}to{opacity:1;transform:translate(0) skew(0)}}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pacifico/v23/FwZY7-Qmy14u9lezJ-6K6MmTpA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pacifico/v23/FwZY7-Qmy14u9lezJ-6D6MmTpA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pacifico/v23/FwZY7-Qmy14u9lezJ-6I6MmTpA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pacifico/v23/FwZY7-Qmy14u9lezJ-6J6MmTpA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pacifico/v23/FwZY7-Qmy14u9lezJ-6H6Mk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--dark: #1f1f1f;--active: aqua;--shade: #a59c9c;--headFont: 26px;--subFont: 12px;--contentFontSize:14px;--mobileSize: 1200px;--desktopSize: 1200px;--interviewQuestionFontsize:18px }@font-face{font-family:pacifico;src:url("./media/Cookie-Regular-K7DAPPFH.ttf")}@font-face{font-family:content-font;src:url("./media/NotoSerifToto-VariableFont_wght-RTH7G6BL.ttf")}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--shade);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--shade)}.title{font-family:pacifico}*{box-sizing:border-box;font-family:content-font;-webkit-backface-visibility:hidden;outline:none;scroll-behavior:smooth}body{color:#fff;background-color:var(--dark);overflow:hidden;margin:0;height:100%;width:100%}.updatedate{color:#a59c9ca2;position:absolute;margin:10px;margin-right:2rem;right:0;opacity:.6;-webkit-opacity:.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-transform:translateZ(0)}.contents-outter{overflow-y:auto;bottom:0;top:0;z-index:4;overflow-x:clip;position:fixed;width:100vw}.center{text-align:center}.skills{display:inline-block;text-align:center}.skills img{height:80px;margin:auto;display:block;width:80px}.conclusion{font-size:1.6rem}a{color:inherit;text-decoration:none}.row{display:flex;flex-wrap:wrap;width:100%}.row>*{width:100%;padding:0 4px;margin:0 -2px}.row-center{justify-content:center}.mobileview,.desctopview{display:none}@media (min-width: 1200px){.desctopview{display:block}.intro .content{font-size:4rem;line-height:90px;margin-bottom:43px;font-weight:300}.about .content,.resume .content,.projects .content{font-size:46px;line-height:90px;margin-bottom:43px;font-weight:300}.leftside{width:368px!important}.leftside>img{filter:grayscale(50%)}.col-lg-1{flex:0 0 8.333333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.6666%;max-width:16.6666%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.33333%}.col-lg-5{flex:0 0 40.6666%;max-width:40.6666%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.6666%;max-width:66.6666%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.6666%;max-width:91.6666%}.col-lg-12{flex:0 0 100%;max-width:100%}.leftside:hover{border-color:var(--active)}.skilsList{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}}@media (max-width: 1200px){.mobileview{display:block}.about .content,.resume .content,.projects .content{font-size:2rem;line-height:50px;margin-bottom:43px;font-weight:300}#skills{text-align:center}.intro .content{font-size:2.8rem;line-height:80px;margin-bottom:43px;font-weight:300}.drawing,.bike{background-size:cover!important;background-position:0%!important;background-attachment:local!important}.leftside{width:80%!important;position:relative!important;left:0!important;top:0!important;transform:translateY(0)!important;padding:40px 20px!important;margin:40px auto auto}.right{left:0!important;width:90%;max-width:90%!important;margin:auto}.col-sl-1{flex:0 0 8.333333%;max-width:8.33333%}.col-sl-2{flex:0 0 16.6666%;max-width:16.6666%}.col-sl-3{flex:0 0 25%;max-width:25%}.col-sl-4{flex:0 0 33.333333%;max-width:33.33333%}.col-sl-5{flex:0 0 40.6666%;max-width:40.6666%}.col-sl-6{flex:0 0 50%;max-width:50%}.col-sl-7{flex:0 0 58.333333%;max-width:58.33333%}.col-sl-8{flex:0 0 66.6666%;max-width:66.6666%}.col-sl-9{flex:0 0 75%;max-width:75%}.col-sl-10{flex:0 0 83.333333%;max-width:83.33333%}.col-sl-11{flex:0 0 91.6666%;max-width:91.6666%}.col-sl-12{flex:0 0 100%;max-width:100%}.skilsList{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}.leftside{width:100%;border-radius:30px;border:1px solid #565656;position:fixed;left:20px;top:50%;transform:translateY(-50%);padding:28px 50px;z-index:4;transition:border-color .3s linear}.leftside:hover img{filter:grayscale(0%)}.leftside>img{width:100%;border-radius:30px;display:block;height:245px;margin-bottom:28px;object-fit:cover;transition:.3s linear}.leftside>.myname{font-weight:600;font-size:28px}.leftside>.myname>img{width:40px}.l .leftside>.address{margin:14px 0;font-size:14px;color:var(--shade)}.socialProfile{list-style:none;padding:0;margin:14px 0;display:flex!important;justify-content:space-around}.socialProfile>li{width:50px;height:50px;line-height:46px;text-align:center;border:1px solid #565656;border-radius:25%;color:#999;cursor:pointer;transition:border-color .3s linear}.socialProfile>li>a>svg{height:69%;width:69%;margin:14%;fill:var(--shade);stroke:var(--shade);stroke-width:0}.socialProfile>li:hover{border:1px solid var(--active);color:var(--active)}.socialProfile>li:hover>a>svg{fill:var(--active);stroke:var(--active)}.hireme{background:var(--active);color:#000;display:block;text-align:center;padding:11px 58px 10px;display:inline-flex;align-items:center;width:100%;border-radius:30px;justify-content:center;text-transform:uppercase;border:none;transition:.3s;cursor:pointer;font-weight:800;border:2px solid var(--active);transition:.3s linear}.hireme:hover{background:var(--dark);color:var(--active)}.right{left:480px;position:relative;z-index:4;max-width:calc(96% - 500px)}.highLight{color:var(--active)}.shade{color:var(--shade)}.right .menu{font-size:12px;color:#fff;text-transform:uppercase;font-weight:300;margin:0 0 53px;border:1px solid #565656;padding:9px 20px;border-radius:30px;display:inline-flex;align-items:center}.intro{padding:68px 0;position:relative;overflow:hidden;margin-top:100px}.intro .experience{margin:45px 0}.intro .experience .count{color:var(--active);font-size:72px}.about,.resume,.projects{padding:68px 0}.journey{position:relative;padding-left:74px;padding-bottom:55px;border-left:1px solid var(--shade)}.journey:hover:before{background:var(--active)}.journey:hover .year{color:var(--active)}.journey:before{content:"";position:absolute;width:12px;height:12px;background:#656565;border-radius:50%;left:-6px;top:0;transition:.3s}.journey .year{color:var(--shade);display:block;margin-bottom:8px;transition:.3s;font-size:20px;font-weight:600}.journey .orgName{font-size:26px;margin-bottom:8px}.projects .listofproject{padding:40px;border-radius:30px;border:1px solid #565656;margin-bottom:20px;transition:border-color .3s linear,filter 2.5s ease}.projects .listofproject:hover{border-color:var(--active)}.projects .listofproject .Proname{font-size:26px;margin-bottom:22px}.projects .listofproject .desc,.mb-20{margin-bottom:20px}.music{background-image:url("./media/music-VOYDBCVB.webp");background-attachment:fixed;background-size:740px;background-position:65% 155%}.learn{background-image:url("./media/learn-2GRDAJRC.webp");background-attachment:fixed;background-size:cover}.web{background-image:url("./media/web-CLDI42QR.webp");background-attachment:fixed;background-size:cover}.bike{background-image:url("./media/IMG_0996-4J565NG4.webp");background-attachment:fixed;background-size:calc(100% - 500px);background-position:calc(100% - 70px) 128%;filter:grayscale(80%)}.bike:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}.drawing{background-image:url("./media/drawing-ZS7ELVO7.webp");background-attachment:fixed;background-size:calc(100% - 500px);background-position:calc(100% - 70px) 28%}#scrollToTop{position:fixed;z-index:999999;right:1rem;height:45px;width:45px;bottom:-180px;cursor:pointer;opacity:.8;transition:all .2s}#scrollToTop:hover{opacity:1}#scrollToTopRotate{box-shadow:0 0 14px -5px #fffefe80;border-radius:100%;height:100%;width:100%;background:transparent;border-bottom:2px solid white;border-top:2px solid white}#scrollToTopRotate:hover{animation-name:rotate;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rotate{to{transform:rotate(2520deg)}}#scrollToTopIcon{height:100%;width:100%;background-image:url("./media/arrow-RVN76J5K.png");background-size:cover;position:absolute}.game{position:relative;cursor:pointer}.clickable{cursor:pointer}.game:after{content:"\bb";position:absolute;top:0;right:0;padding:10px;font-size:5rem;color:var(--active);height:calc(100% - 20px);display:flex;align-items:center;opacity:0;transition:all .3s}.game:hover:after{opacity:1!important}::selection{color:#000;background:#fff;text-decoration:underline}.tooltipClass{position:absolute;z-index:1000;background:#313131;font-size:var(--interviewQuestionFontsize);color:#fff;padding:5px 10px;border-radius:4px;box-shadow:#000 1px 2px 12px;white-space:nowrap;transition:all 1s;text-align:center}.tooltipClass span{white-space:nowrap}.tooltipClass span:not(:last-child):after{content:"  |   ";margin-right:10px;margin-left:10px}.text-highlight{background-color:#ffffffb5;color:#212121;padding:1px;border-radius:4px;font-weight:700}.codeme svg{max-width:420px;display:block;justify-self:center}@media print{div{overflow:hidden}.print-hide{display:none}}