.navbar{align-items:center;background:#1e1e1e;color:#fff;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.desktopMenuListItem{color:#fff;cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuImg{height:1rem;object-fit:cover;width:1rem}.desktopMenuBtn{background-color:#fff;border:none;border-radius:2rem;color:#000;display:flex;padding:.5rem}.active{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}.mobMenu{display:none;height:1.8rem;object-fit:cover}@media Screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}#intro,.bg{object-fit:cover}.bg{height:100vh;position:absolute;right:0;top:-4rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:xxx-large;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:xx-large;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{align-items:center;background:#fff;border:none;border-radius:2rem;display:flex;margin:1rem 0;padding:.75rem 1.5rem}.btnImg{height:2rem;margin:0 .25rem;object-fit:cover}.contactIntro{color:aqua}#contactIntro{color:bisque}@media screen and (max-width:820px){.bg{right:0}.introContent{font-size:xx-large;height:140vh}.hello{font-size:x-large}.introPara{font-size:small}}@media screen and (max-width:625px){.introContent{font-size:x-large}.hello{font-size:large}}@media screen and (max-width:480px){.bg{right:0}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem 0;padding:.5rem .75rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}}@media screen and (max-width:449px){.bg{margin-bottom:0;right:0}.introContent{font-size:large}.introPara{font-size:x-small}.btn{border:none;border-radius:2rem;margin:1rem 0;padding:.4rem .6rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}}@media screen and (max-width:390px){.bg{right:0}.introContent{font-size:medium;height:145vh}.introPara{font-size:xx-small}.btn{border:none;border-radius:2rem;margin:1rem 0;padding:.125rem .28rem}.btnImg{height:1rem;margin:0 .125rem;object-fit:cover}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65vw;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:200;max-width:50rem;overflow:hidden;padding:2rem;text-align:justify;text-overflow:ellipsis;width:100%}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100%}.skillBar{background:#323232;border-radius:.5rem;display:flex;flex-direction:row;margin:1rem;padding:1.5rem 2rem;width:100%}.skillBarImg{height:40%;margin-right:.5rem;object-fit:cover;width:20%}.skillBarText{font-size:.9rem;font-weight:200}.skillTechnical{width:80%}.pi-caret-down:hover,.skills_content:hover{color:#ff0;cursor:pointer}.skills_header{display:flex;flex-direction:row;margin-bottom:1rem;text-align:end;width:100%}.pi-skill{font-size:2rem;padding-top:.5%;text-align:center;width:10%}.skill_header_part1{text-align:start}.progressBarContainer,.skill_header_part1{display:flex;flex-direction:column;width:80%}.progressBarContainer{margin:auto;padding-top:1rem;text-align:left}.progressBarBox{background-color:#2d2d2d;border-radius:2rem;display:flex;flex-direction:row;height:.35rem;width:100%}.progressBar{background-color:#f5f5f5;border-radius:2rem;width:67%}.qualification{display:flex;flex-direction:column;width:80%}.qualStudJob{margin:auto;width:80%}.eduactionQual,.qualStudJob{display:flex;flex-direction:row}.eduactionQual{justify-content:center;padding:1rem;width:100%}.eduactionQual:hover{color:#ff0;cursor:pointer}.jobQual{display:flex;flex-direction:row;justify-content:center;padding:1rem;width:100%}.jobQual:hover{color:#ff0;cursor:pointer}.pi-book,.pi-briefcase{display:flex;font-size:large;padding:1rem;width:100%}.qualifiactionHeaderSpan,.skills_subtitle{font-size:small}.linetravelTime{align-content:center;background-color:wheat;border-right:1px solid #deb887;display:flex;height:20rem;margin:20px 0}.masterUnivRight{background-color:brown;width:47.5%}.datePass{display:flex;flex-direction:row;font-size:small}.pi-calendar{font-size:small;margin-top:1%;width:10%}.masterDuration{width:90%}.masterDegreeDetails{background-color:#8a2be2}.masterUnivName{font-size:medium}.timelineBox{padding-bottom:2rem;width:100%}.timeline{display:flex;flex-direction:column;width:100%}.container{background-color:#323232;border-radius:2rem;margin-bottom:1.5rem;padding:1rem;position:relative;text-align:start;width:47%}.left-container{display:flex;flex-direction:column-reverse;margin-left:0;width:47%}.right-container{left:50%}.circle-left{font-size:1rem;margin-left:102.2%;z-index:1}.circle-right{font-size:1rem;margin-left:-13.7%;position:relative;z-index:1}.leetcodeRank{margin-bottom:1.5rem}.leetcodeRank:hover>.leetcodeRankHeader{color:#ff0;cursor:pointer}.leetCodeEasy:hover>.leetslogo,.leetCodeHard:hover>.leetslogo,.leetCodeMedium:hover>.leetslogo,.leetCodeProblem:hover>.leetslogo,.leetcodeRanking:hover>.leetslogo{color:aqua}@media screen and (max-width:916px){.skillBarImg{height:50%;width:60%}.skillBar{align-items:center;display:flex;flex-direction:column;justify-content:center}.skillBar,.skillDesc{text-align:center}.eduactionQual i,.eduactionQual p,.jobQual i,.jobQual p{font-size:medium}}@media screen and (max-width:660px){.skillBarText{font-size:70%}.masterDegreeDetails{font-size:small}.masterDuration{font-size:x-small}.pi-calendar{font-size:smaller}.leetcodeRankHeader{font-size:larger}.statusLeetCode{font-size:small}}@media screen and (max-width:536px){.skillBarText>h2{font-size:99%}.skillBarText>p{font-size:86%}.pi{font-size:large;padding-top:.5rem}.qualification{width:100%}.qualStudJob{margin:0}.educationQualHeader,.jobQualHeader{padding-top:.4rem}.pi-book,.pi-briefcase{font-size:medium}}@media screen and (max-width:400px){.skills_title{font-size:medium}.skills_subtitle{font-size:smaller}.qualficationHeaderPara{font-size:large}.masterUnivName{font-size:x-small}.masterDegreeDetails,.masterDuration{font-size:xx-small}.pi{font-size:x-small;padding-top:.5rem}.timeline{width:100%}.qualStudJob{width:60%}.pi-book,.pi-briefcase{font-size:x-small}.educationQualHeader,.jobQualHeader{font-size:small}.leetcodeRank{display:flex;flex-direction:column}.leetcodeRankHeader{font-size:large}.statusLeetCode{font-size:small}}@font-face{font-display:block;font-family:primeicons;font-style:normal;font-weight:400;src:url(/Portfolio/static/media/primeicons.d44157bdfa026dc877af.eot);src:url(/Portfolio/static/media/primeicons.d44157bdfa026dc877af.eot?#iefix) format("embedded-opentype"),url(/Portfolio/static/media/primeicons.78172950b335ccdb94e2.woff2) format("woff2"),url(/Portfolio/static/media/primeicons.10d3152104f2208ac82a.woff) format("woff"),url(/Portfolio/static/media/primeicons.ea5358601d0a3fd6670b.ttf) format("truetype"),url(/Portfolio/static/media/primeicons.e1441b135b3ca9ad643c.svg?#primeicons) format("svg")}.pi{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:primeicons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.pi:before{--webkit-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{text-align:center;width:1.28571429em}.pi-spin{animation:fa-spin 2s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.pi-eraser:before{content:"\ea04"}.pi-stopwatch:before{content:"\ea01"}.pi-verified:before{content:"\ea02"}.pi-delete-left:before{content:"\ea03"}.pi-hourglass:before{content:"\e9fe"}.pi-truck:before{content:"\ea00"}.pi-wrench:before{content:"\e9ff"}.pi-microphone:before{content:"\e9fa"}.pi-megaphone:before{content:"\e9fb"}.pi-arrow-right-arrow-left:before{content:"\e9fc"}.pi-bitcoin:before{content:"\e9fd"}.pi-file-edit:before{content:"\e9f6"}.pi-language:before{content:"\e9f7"}.pi-file-export:before{content:"\e9f8"}.pi-file-import:before{content:"\e9f9"}.pi-file-word:before{content:"\e9f1"}.pi-gift:before{content:"\e9f2"}.pi-cart-plus:before{content:"\e9f3"}.pi-thumbs-down-fill:before{content:"\e9f4"}.pi-thumbs-up-fill:before{content:"\e9f5"}.pi-arrows-alt:before{content:"\e9f0"}.pi-calculator:before{content:"\e9ef"}.pi-sort-alt-slash:before{content:"\e9ee"}.pi-arrows-h:before{content:"\e9ec"}.pi-arrows-v:before{content:"\e9ed"}.pi-pound:before{content:"\e9eb"}.pi-prime:before{content:"\e9ea"}.pi-chart-pie:before{content:"\e9e9"}.pi-reddit:before{content:"\e9e8"}.pi-code:before{content:"\e9e7"}.pi-sync:before{content:"\e9e6"}.pi-shopping-bag:before{content:"\e9e5"}.pi-server:before{content:"\e9e4"}.pi-database:before{content:"\e9e3"}.pi-hashtag:before{content:"\e9e2"}.pi-bookmark-fill:before{content:"\e9df"}.pi-filter-fill:before{content:"\e9e0"}.pi-heart-fill:before{content:"\e9e1"}.pi-flag-fill:before{content:"\e9de"}.pi-circle:before{content:"\e9dc"}.pi-circle-fill:before{content:"\e9dd"}.pi-bolt:before{content:"\e9db"}.pi-history:before{content:"\e9da"}.pi-box:before{content:"\e9d9"}.pi-at:before{content:"\e9d8"}.pi-arrow-up-right:before{content:"\e9d4"}.pi-arrow-up-left:before{content:"\e9d5"}.pi-arrow-down-left:before{content:"\e9d6"}.pi-arrow-down-right:before{content:"\e9d7"}.pi-telegram:before{content:"\e9d3"}.pi-stop-circle:before{content:"\e9d2"}.pi-stop:before{content:"\e9d1"}.pi-whatsapp:before{content:"\e9d0"}.pi-building:before{content:"\e9cf"}.pi-qrcode:before{content:"\e9ce"}.pi-car:before{content:"\e9cd"}.pi-instagram:before{content:"\e9cc"}.pi-linkedin:before{content:"\e9cb"}.pi-send:before{content:"\e9ca"}.pi-slack:before{content:"\e9c9"}.pi-sun:before{content:"\e9c8"}.pi-moon:before{content:"\e9c7"}.pi-vimeo:before{content:"\e9c6"}.pi-youtube:before{content:"\e9c5"}.pi-flag:before{content:"\e9c4"}.pi-wallet:before{content:"\e9c3"}.pi-map:before{content:"\e9c2"}.pi-link:before{content:"\e9c1"}.pi-credit-card:before{content:"\e9bf"}.pi-discord:before{content:"\e9c0"}.pi-percentage:before{content:"\e9be"}.pi-euro:before{content:"\e9bd"}.pi-book:before{content:"\e9ba"}.pi-shield:before{content:"\e9b9"}.pi-paypal:before{content:"\e9bb"}.pi-amazon:before{content:"\e9bc"}.pi-phone:before{content:"\e9b8"}.pi-filter-slash:before{content:"\e9b7"}.pi-facebook:before{content:"\e9b4"}.pi-github:before{content:"\e9b5"}.pi-twitter:before{content:"\e9b6"}.pi-step-backward-alt:before{content:"\e9ac"}.pi-step-forward-alt:before{content:"\e9ad"}.pi-forward:before{content:"\e9ae"}.pi-backward:before{content:"\e9af"}.pi-fast-backward:before{content:"\e9b0"}.pi-fast-forward:before{content:"\e9b1"}.pi-pause:before{content:"\e9b2"}.pi-play:before{content:"\e9b3"}.pi-compass:before{content:"\e9ab"}.pi-id-card:before{content:"\e9aa"}.pi-ticket:before{content:"\e9a9"}.pi-file-o:before{content:"\e9a8"}.pi-reply:before{content:"\e9a7"}.pi-directions-alt:before{content:"\e9a5"}.pi-directions:before{content:"\e9a6"}.pi-thumbs-up:before{content:"\e9a3"}.pi-thumbs-down:before{content:"\e9a4"}.pi-sort-numeric-down-alt:before{content:"\e996"}.pi-sort-numeric-up-alt:before{content:"\e997"}.pi-sort-alpha-down-alt:before{content:"\e998"}.pi-sort-alpha-up-alt:before{content:"\e999"}.pi-sort-numeric-down:before{content:"\e99a"}.pi-sort-numeric-up:before{content:"\e99b"}.pi-sort-alpha-down:before{content:"\e99c"}.pi-sort-alpha-up:before{content:"\e99d"}.pi-sort-alt:before{content:"\e99e"}.pi-sort-amount-up:before{content:"\e99f"}.pi-sort-amount-down:before{content:"\e9a0"}.pi-sort-amount-down-alt:before{content:"\e9a1"}.pi-sort-amount-up-alt:before{content:"\e9a2"}.pi-palette:before{content:"\e995"}.pi-undo:before{content:"\e994"}.pi-desktop:before{content:"\e993"}.pi-sliders-v:before{content:"\e991"}.pi-sliders-h:before{content:"\e992"}.pi-search-plus:before{content:"\e98f"}.pi-search-minus:before{content:"\e990"}.pi-file-excel:before{content:"\e98e"}.pi-file-pdf:before{content:"\e98d"}.pi-check-square:before{content:"\e98c"}.pi-chart-line:before{content:"\e98b"}.pi-user-edit:before{content:"\e98a"}.pi-exclamation-circle:before{content:"\e989"}.pi-android:before{content:"\e985"}.pi-google:before{content:"\e986"}.pi-apple:before{content:"\e987"}.pi-microsoft:before{content:"\e988"}.pi-heart:before{content:"\e984"}.pi-mobile:before{content:"\e982"}.pi-tablet:before{content:"\e983"}.pi-key:before{content:"\e981"}.pi-shopping-cart:before{content:"\e980"}.pi-comments:before{content:"\e97e"}.pi-comment:before{content:"\e97f"}.pi-briefcase:before{content:"\e97d"}.pi-bell:before{content:"\e97c"}.pi-paperclip:before{content:"\e97b"}.pi-share-alt:before{content:"\e97a"}.pi-envelope:before{content:"\e979"}.pi-volume-down:before{content:"\e976"}.pi-volume-up:before{content:"\e977"}.pi-volume-off:before{content:"\e978"}.pi-eject:before{content:"\e975"}.pi-money-bill:before{content:"\e974"}.pi-images:before{content:"\e973"}.pi-image:before{content:"\e972"}.pi-sign-in:before{content:"\e970"}.pi-sign-out:before{content:"\e971"}.pi-wifi:before{content:"\e96f"}.pi-sitemap:before{content:"\e96e"}.pi-chart-bar:before{content:"\e96d"}.pi-camera:before{content:"\e96c"}.pi-dollar:before{content:"\e96b"}.pi-lock-open:before{content:"\e96a"}.pi-table:before{content:"\e969"}.pi-map-marker:before{content:"\e968"}.pi-list:before{content:"\e967"}.pi-eye-slash:before{content:"\e965"}.pi-eye:before{content:"\e966"}.pi-folder-open:before{content:"\e964"}.pi-folder:before{content:"\e963"}.pi-video:before{content:"\e962"}.pi-inbox:before{content:"\e961"}.pi-lock:before{content:"\e95f"}.pi-unlock:before{content:"\e960"}.pi-tags:before{content:"\e95d"}.pi-tag:before{content:"\e95e"}.pi-power-off:before{content:"\e95c"}.pi-save:before{content:"\e95b"}.pi-question-circle:before{content:"\e959"}.pi-question:before{content:"\e95a"}.pi-copy:before{content:"\e957"}.pi-file:before{content:"\e958"}.pi-clone:before{content:"\e955"}.pi-calendar-times:before{content:"\e952"}.pi-calendar-minus:before{content:"\e953"}.pi-calendar-plus:before{content:"\e954"}.pi-ellipsis-v:before{content:"\e950"}.pi-ellipsis-h:before{content:"\e951"}.pi-bookmark:before{content:"\e94e"}.pi-globe:before{content:"\e94f"}.pi-replay:before{content:"\e94d"}.pi-filter:before{content:"\e94c"}.pi-print:before{content:"\e94b"}.pi-align-right:before{content:"\e946"}.pi-align-left:before{content:"\e947"}.pi-align-center:before{content:"\e948"}.pi-align-justify:before{content:"\e949"}.pi-cog:before{content:"\e94a"}.pi-cloud-download:before{content:"\e943"}.pi-cloud-upload:before{content:"\e944"}.pi-cloud:before{content:"\e945"}.pi-pencil:before{content:"\e942"}.pi-users:before{content:"\e941"}.pi-clock:before{content:"\e940"}.pi-user-minus:before{content:"\e93e"}.pi-user-plus:before{content:"\e93f"}.pi-trash:before{content:"\e93d"}.pi-external-link:before{content:"\e93c"}.pi-window-maximize:before{content:"\e93b"}.pi-window-minimize:before{content:"\e93a"}.pi-refresh:before{content:"\e938"}.pi-user:before{content:"\e939"}.pi-exclamation-triangle:before{content:"\e922"}.pi-calendar:before{content:"\e927"}.pi-chevron-circle-left:before{content:"\e928"}.pi-chevron-circle-down:before{content:"\e929"}.pi-chevron-circle-right:before{content:"\e92a"}.pi-chevron-circle-up:before{content:"\e92b"}.pi-angle-double-down:before{content:"\e92c"}.pi-angle-double-left:before{content:"\e92d"}.pi-angle-double-right:before{content:"\e92e"}.pi-angle-double-up:before{content:"\e92f"}.pi-angle-down:before{content:"\e930"}.pi-angle-left:before{content:"\e931"}.pi-angle-right:before{content:"\e932"}.pi-angle-up:before{content:"\e933"}.pi-upload:before{content:"\e934"}.pi-download:before{content:"\e956"}.pi-ban:before{content:"\e935"}.pi-star-fill:before{content:"\e936"}.pi-star:before{content:"\e937"}.pi-chevron-left:before{content:"\e900"}.pi-chevron-right:before{content:"\e901"}.pi-chevron-down:before{content:"\e902"}.pi-chevron-up:before{content:"\e903"}.pi-caret-left:before{content:"\e904"}.pi-caret-right:before{content:"\e905"}.pi-caret-down:before{content:"\e906"}.pi-caret-up:before{content:"\e907"}.pi-search:before{content:"\e908"}.pi-check:before{content:"\e909"}.pi-check-circle:before{content:"\e90a"}.pi-times:before{content:"\e90b"}.pi-times-circle:before{content:"\e90c"}.pi-plus:before{content:"\e90d"}.pi-plus-circle:before{content:"\e90e"}.pi-minus:before{content:"\e90f"}.pi-minus-circle:before{content:"\e910"}.pi-circle-on:before{content:"\e911"}.pi-circle-off:before{content:"\e912"}.pi-sort-down:before{content:"\e913"}.pi-sort-up:before{content:"\e914"}.pi-sort:before{content:"\e915"}.pi-step-backward:before{content:"\e916"}.pi-step-forward:before{content:"\e917"}.pi-th-large:before{content:"\e918"}.pi-arrow-down:before{content:"\e919"}.pi-arrow-left:before{content:"\e91a"}.pi-arrow-right:before{content:"\e91b"}.pi-arrow-up:before{content:"\e91c"}.pi-bars:before{content:"\e91d"}.pi-arrow-circle-down:before{content:"\e91e"}.pi-arrow-circle-left:before{content:"\e91f"}.pi-arrow-circle-right:before{content:"\e920"}.pi-arrow-circle-up:before{content:"\e921"}.pi-info:before{content:"\e923"}.pi-info-circle:before{content:"\e924"}.pi-home:before{content:"\e925"}.pi-spinner:before{content:"\e926"}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.experience{margin:auto;width:70vw}.vertical-timeline-element:hover{color:#ff0}.headTimeline,.paraTimeline{color:#000}@media screen and (max-width:500px){.vertical-timeline-element{color:#000;font-size:xx-small;text-align:left}.experience{width:100%}.headTimeline{font-size:small;text-align:left}.paraTimeline{font-size:xx-small;margin:0;text-align:left}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;margin:1rem 0}.worksDesc{font-size:1rem;font-weight:300}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{height:20rem;margin:.5rem;object-fit:cover}.worksBtn{background:#fff;border:none;border-radius:2rem;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}@media screen and (max-width:575px){.worksImg{height:48vw}}#contactPage{flex-direction:column;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center}#contactPage,footer{display:flex;justify-content:center;width:100vw}footer{align-items:center;background:#282828;font-size:small;font-weight:300;height:4rem}.PortfolioPage{justify-content:center;max-width:90vw;width:100vw}.PortfolioWorkExp{justify-content:center;margin:0 2rem;width:100%}#portfolioPageh1{font-size:xxx-large;margin:auto}#portfolioPageh1,.portfolioPage{border:none;border-radius:2rem;color:#fff;justify-content:center;padding:1rem;width:100%}.portfolioPage{background-color:#282828;margin:0 auto 2rem}.workSkills{width:100%}.companyDemo{display:flex;flex-direction:row;width:100%}.compLogo{height:3.5rem;width:20%}.companyTitle{display:flex;flex-direction:row;width:80%}.companyName{font-size:xx-large;font-weight:800;padding:0 .5rem;width:75%}.companyName:hover,.companyTitle:hover{color:#ff0;cursor:pointer}.dateOfCompany{direction:rtl;padding-top:.5rem;width:25%}.dateOfCompany:hover{color:red;cursor:pointer}.portfolioPage{align-items:center}@media Screen and (max-width:932px){.companyDemo{display:flex;flex-direction:column;width:100%}.compLogo{height:3.5rem;width:30%}.companyTitle{display:flex;flex-direction:row;width:100%}.companyName{font-size:xx-large;font-weight:800;padding:0 .5rem;width:75%}.dateOfCompany{direction:rtl;padding-top:.5rem;width:25%}}@media screen and (max-width:752px){.companyTitle{display:flex;flex-direction:column;width:100%}.companyName{font-size:xx-large;font-weight:800;padding:.5rem 0;width:100%}.dateOfCompany{direction:ltr;padding-top:.5rem;width:100%}}@media screen and (max-width:540px){#portfolioPageh1{font-size:xx-large}.companyName{font-size:x-large}}.portfolioNavbar{align-items:center;background:#1e1e1e;color:#fff;display:flex;height:5rem;justify-content:space-between;margin:0 2rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:3}@media Screen and (max-width:780px){.portfolioNavbar{margin:0}}@media screen and (max-width:779px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}.project{margin:auto;max-width:90%}.recommendations{background-color:#1e1e1e;color:#fff;padding:2rem 5%;text-align:center}.recommendations-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.recommendations-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.recommendation-card{align-items:flex-start;background-color:#222;border-radius:10px;box-shadow:0 4px 10px #0006;display:flex;padding:1.5rem;transition:transform .3s ease-in-out;width:45%}.recommendation-card:hover{transform:translateY(-5px)}.recommendation-photo{border-radius:50%;flex:0 0 40%;height:auto;margin-right:1.5rem;max-width:100px;object-fit:cover}.recommendation-details{flex:1 1 60%;text-align:left}.recommendation-name{color:#f4d03f;font-size:1.2rem;font-weight:700;margin:0}.recommendation-designation{color:#aaa;font-size:.85rem;font-weight:400;margin:.5rem 0}.recommendation-message{color:#ccc;font-size:.6rem;font-weight:300;margin-top:.5rem}@media screen and (max-width:800px){.recommendations-list{flex-direction:column;gap:1.5rem}.recommendation-card{align-items:center;flex-direction:column;width:100%}.recommendation-photo{margin:0 0 1rem;max-width:100px}.recommendation-details{text-align:center}.recommendation-name{font-size:1rem}.recommendation-designation,.recommendation-message{font-size:.75rem}}.masterDegree{display:flex;flex-direction:column;justify-content:center;margin:auto auto 5rem;max-width:80vw;width:100vw}.masterUnivTitle{display:flex;flex-direction:row;width:90%}.gpaGetValue{color:bisque}.logoUniv{height:4rem}.logoUniv,.logoUnivJP{padding-right:1rem;padding-top:.2rem;width:20%}.logoUnivJP{height:7rem}.masterUniv{color:bisque;width:60%}.masterDate{direction:right;display:flex;padding-top:.8rem;width:20%}table{border-collapse:collapse;border-color:#f0f8ff;border-radius:2px;margin-top:auto;width:70%}th{background-color:#323232}td,th{border:1px solid #faebd7;text-align:center}.courseTable{margin:0 auto;text-align:center;width:80%}.coursesTaken{width:90%}.courseGrade{background-color:#232323;border-radius:5rem;padding:2rem}.coursePerformance:hover{color:#ff0;cursor:pointer}@media screen and (max-width:720px){.masterUnivTitle{display:flex;flex-direction:column;width:90%}.masterUniv{color:bisque;font-size:x-large;width:90%}.masterDate{direction:right;display:flex;padding-top:.8rem;width:90%}}@media screen and (max-width:440px){.masterUnivTitle{display:flex;flex-direction:column;width:90%}.masterUniv{color:bisque;font-size:x-large;width:100%}.masterDate{direction:right;display:flex;padding-top:.8rem;width:90%}.logoUniv,.logoUnivJP{width:40%}}body{font-family:Arial,sans-serif;margin:0;padding:0}.videos-section,body{background-color:#1e1e1e;color:#fff}.videos-section{margin:0 auto;max-width:1200px;padding:2rem 5%}.videos-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:left}.videos-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.video-card{background-color:#222;border:1px solid #333;border-radius:8px;box-shadow:0 4px 10px #0006;overflow:hidden;transition:transform .3s ease-in-out;width:23%}.video-card:hover{transform:translateY(-5px)}.video-thumbnail{border-bottom:1px solid #333;height:auto;width:100%}.video-details{padding:1rem;text-align:left}.video-title{color:#ff0;font-size:1.1rem;font-weight:700;margin:0 0 .5rem;text-decoration:none}.video-title:hover{text-decoration:underline}.video-description{color:#aaa;font-size:.9rem;margin:.5rem 0}@media screen and (max-width:1024px){.video-card{width:31%}}@media screen and (max-width:768px){.video-card{width:48%}}@media screen and (max-width:480px){.video-card{width:100%}}#contactPage2{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactPageTitle{font-size:3rem;margin-bottom:1rem}.clientsDesc{font-size:1rem;font-weight:300}.clientsImgs{display:flex;flex-direction:row;flex-wrap:wrap;margin:1rem auto;width:90%}.project{background-color:#282828;border-radius:4rem;margin:0 auto;padding:1rem;width:49%}.clientsImg,.projectImg{height:20%;margin:auto;min-width:9rem;object-fit:cover;padding:.25rem;width:70%}#clients{padding:2rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitBtn{border:none;border-radius:.5rem}.submitBtn{background:#fff;margin:2rem;padding:.75rem 3.5rem}.submitBtn:hover{background-color:#ff0;color:blue;font-weight:800}.links{display:flex;flex-wrap:wrap}.link{height:2rem;margin:0 .75rem;object-fit:cover;width:2rem}.project:hover>h3{color:#ff0}.link:hover{color:#ff0;cursor:pointer}@media screen and (max-width:800px){.project{width:100%}.clientsImgs{display:flex;flex-direction:column;flex-wrap:nowrap}}@media screen and (max-width:600px){.link{height:1.5rem;width:1.5rem}}
/*# sourceMappingURL=main.48dc857f.css.map*/