@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);body{--primary:#64ffda;--light-navy:#233554;--navy:#112240;--dark-navy:#15223e;--heading:#ccd6f6;--para:#8892b0;--hover:#1c303f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e192d;margin:0;padding:0;scrollbar-color:var(--primary) var(--sb-track-color)}::selection{background-color:#273552!important;color:#c2cbe8!important}::-webkit-selection{background-color:#273552!important;color:#c2cbe8!important}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:var(--navy);border-radius:4px}body::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.maintenance-container{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.maintenance-container h1{color:#333;font-size:2rem;margin-bottom:1rem}.maintenance_container{align-items:center;display:flex;flex-direction:column;gap:15px;height:100vh;justify-content:center;padding:0 20px}.maintenance_container h1{color:var(--heading);font-family:Noto Sans SC,sans-serif;font-size:50px;margin:0;text-align:center}.maintenance_container p{color:var(--para);font-family:Source Sans Pro,sans-serif;font-size:16;margin:0;text-align:center}@media only screen and (max-width:768px){.maintenance_container h1{font-size:40px}.maintenance_container{gap:10px}.maintenance_container h1{font-size:29px}}.navbar_container{align-items:center;background-color:#0e192d;box-sizing:border-box;display:flex;height:70px;justify-content:space-between;left:0;margin:0;padding-left:50px;padding-right:50px;position:fixed;top:0;transition:.3s ease-in;width:100%;z-index:10}.navbar_shadow{box-shadow:0 10px 30px -10px rgba(2,12,27,.7);transition:.3s ease-in}.logo-container{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInLogo;animation-name:fadeInLogo;background-color:#000;border-radius:2px;height:45px;overflow:hidden;width:45px}.logo-container img{height:100%;margin:0;object-fit:cover;width:100%}.ham_icon{align-items:center;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hamIconFadeIn;animation-name:hamIconFadeIn;cursor:pointer;display:none;flex-direction:column;gap:5px;height:35px;justify-content:center;opacity:0;position:relative;width:45px;z-index:5}.ham_icon span{background-color:var(--primary);border-radius:1px;height:3px;position:relative;transition:.4s ease-in-out;width:30px}.remove{opacity:0}.rotateDown{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:rotateDownAnimation;animation-name:rotateDownAnimation}@-webkit-keyframes rotateDownAnimation{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{-webkit-transform:translateY(7.9px) rotate(45deg);transform:translateY(7.9px) rotate(45deg)}}@keyframes rotateDownAnimation{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{-webkit-transform:translateY(7.9px) rotate(45deg);transform:translateY(7.9px) rotate(45deg)}}.rotateUp{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:rotateUpAnimation;animation-name:rotateUpAnimation}@-webkit-keyframes rotateUpAnimation{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{-webkit-transform:translateY(-7.9px) rotate(-45deg);transform:translateY(-7.9px) rotate(-45deg)}}@keyframes rotateUpAnimation{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{-webkit-transform:translateY(-7.9px) rotate(-45deg);transform:translateY(-7.9px) rotate(-45deg)}}.removeRotateDown{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:removeRotateDownAnimation;animation-name:removeRotateDownAnimation}@-webkit-keyframes removeRotateDownAnimation{0%{-webkit-transform:translateY(7.9px) rotate(45deg);transform:translateY(7.9px) rotate(45deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes removeRotateDownAnimation{0%{-webkit-transform:translateY(7.9px) rotate(45deg);transform:translateY(7.9px) rotate(45deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}.removeRotateUp{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:removeRotateUpAnimation;animation-name:removeRotateUpAnimation}@-webkit-keyframes removeRotateUpAnimation{0%{-webkit-transform:translateY(-7.9px) rotate(-45deg);transform:translateY(-7.9px) rotate(-45deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes removeRotateUpAnimation{0%{-webkit-transform:translateY(-7.9px) rotate(-45deg);transform:translateY(-7.9px) rotate(-45deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@-webkit-keyframes hamIconFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hamIconFadeIn{0%{opacity:0}to{opacity:1}}.ham_tabs{align-items:center;background-color:var(--navy);box-sizing:border-box;display:none;flex-direction:column;gap:40px;height:100vh;justify-content:center;position:fixed;right:0;top:0;transition:.3s ease-in-out;width:min(75vw,400px);z-index:4}.ham_tabs_show{-webkit-transform:translateX(0);transform:translateX(0)}.ham_tabs_hide{-webkit-transform:translateX(100%);transform:translateX(100%)}.ham_tabs ol{display:flex;flex-direction:column;gap:30px;list-style-type:decimal-leading-zero;margin:0;padding:0}.ham_tabs ol li{color:var(--heading);cursor:pointer;font-family:SF Mono,monospace;font-size:14px;padding:8px 8px 8px 0;text-align:center;transition:.3s ease-in-out}.ham_tabs ol li::marker{color:var(--primary);font-family:SF Mono,monospace;font-size:12px}.ham_tabs a,.ham_tabs ol li:hover{color:var(--primary)}.ham_tabs a{background-color:initial;border:1px solid var(--primary);border-radius:4px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:9px 17px;text-decoration:none;transition:.3s ease-in-out}.ham_tabs a:hover{background-color:var(--hover)}.blur{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:blurFadeIn;animation-name:blurFadeIn;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:3}@-webkit-keyframes blurFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1}}@keyframes blurFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1}}.nav_tabs{align-items:center;display:flex;gap:35px}.nav_tabs ol{display:flex;gap:50px;list-style-type:decimal-leading-zero;margin:0;padding:0}.nav_tabs ol li{background-color:initial;border:0;color:var(--heading);cursor:pointer;font-family:SF Mono,monospace;font-size:13.5px;padding:8px 8px 8px 0;transition:.3s ease-in-out}.nav_tabs ol li::marker{color:var(--primary);font-family:SF Mono,monospace;font-size:11.5px;width:26.5px}.nav_tabs ol li:hover{color:var(--primary)}.nav_tabs ol li:first-child,.nav_tabs ol li:nth-child(2){-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInNavigation;animation-name:fadeInNavigation}.nav_tabs ol li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.nav_tabs ol li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.nav_tabs ol li:nth-child(3),.nav_tabs ol li:nth-child(4){-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInNavigation;animation-name:fadeInNavigation}.nav_tabs ol li:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.nav_tabs a{-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInNavigation;animation-name:fadeInNavigation;background-color:initial;border:1px solid var(--primary);border-radius:4px;color:var(--primary);font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:1px;padding:9px 17px;text-decoration:none;transition:.3s ease-in-out}.nav_tabs a:hover{background-color:var(--hover)}@-webkit-keyframes fadeInNavigation{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInNavigation{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLogo{0%{opacity:0}to{opacity:1}}@keyframes fadeInLogo{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:1080px){.navbar_container{padding:0 30px;width:100%}.nav_tabs a,.nav_tabs ol li{font-size:13px}}@media only screen and (max-width:768px){.navbar_container{padding:0 20px}.nav_tabs{display:none}.ham_icon,.ham_tabs{display:flex}}@media only screen and (max-width:480px){.ham_tabs ol li{font-size:13px}.ham_tabs ol li::marker{font-size:12px}.ham_tabs a{font-size:13px}.logo-container{height:45px;width:45px}}header{background-color:initial;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:auto;position:relative;width:75%;z-index:2}header h4{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInHeader;animation-name:fadeInHeader;color:var(--primary);font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:1px;margin:0;word-spacing:5px}header h1{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;color:var(--heading);margin:10px 0 0}header h1,header h2{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInHeader;animation-name:fadeInHeader;font-family:Noto Sans SC,sans-serif;font-size:60px;letter-spacing:1px;line-height:87px;word-spacing:5px}header h2{-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;color:var(--para);margin:0}header p{-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;color:var(--para);font-family:Source Sans Pro,sans-serif;font-size:16px;letter-spacing:.6px;line-height:24px;margin-bottom:0;margin-top:20px;text-align:justify;width:550px}header a,header p{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInHeader;animation-name:fadeInHeader}header a{-webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:1px solid var(--primary);border-radius:4px;color:var(--primary);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;letter-spacing:1px;margin-top:50px;padding:12px 0;text-align:center;text-decoration:none;transition:.3s ease-in-out;width:100px}header a:hover{background-color:var(--hover)}.alien{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:alienSlideIn;animation-name:alienSlideIn;position:absolute;right:-55px;top:60px}.alien img{height:290px;width:300px}@-webkit-keyframes fadeInHeader{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInHeader{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes alienSlideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes alienSlideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes alienUpDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes alienUpDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(80px);transform:translateY(80px)}}@media only screen and (max-width:1080px){header{padding:0 100px;width:100%}header h1,header h2{font-size:clamp(22px,5vw,59px);line-height:normal}header h4{font-size:15px}header p{font-size:15.5px}}@media only screen and (max-width:768px){header{padding:0 50px}header h4{-webkit-animation-delay:.5s;animation-delay:.5s;font-size:14px}header h1{-webkit-animation-delay:.7s;animation-delay:.7s;margin-top:12px}header h2{-webkit-animation-delay:.9s;animation-delay:.9s}header p{-webkit-animation-delay:1.1s;animation-delay:1.1s;font-size:15px;margin-top:17px}header a{-webkit-animation-delay:1.3s;animation-delay:1.3s;font-size:13.5px;margin-top:40px}}@media only screen and (max-width:650px){header p{font-size:14.5px;text-align:justify;width:100%;word-spacing:normal}}@media only screen and (max-width:480px){header{padding:0 20px}header h4{font-size:13px}header h1,header h2{font-size:fit-content;white-space:nowrap}header h2{margin-top:3px}header p{font-size:14px;line-height:20px;margin-top:12px;width:100%}header a{font-size:13px;margin-top:30px}}.sidebar_container{background-color:initial;box-sizing:border-box;justify-content:space-between;left:0;margin:auto;padding-left:50px;padding-right:50px;width:100%;z-index:2}.left_bar,.sidebar_container{bottom:0;display:flex;position:fixed}.left_bar{align-items:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeLeftBar;animation-name:fadeLeftBar;flex-direction:column;gap:23px;justify-content:flex-end;left:50px;list-style-type:none;margin:0;padding:0;width:20px;z-index:3}.discord,.github,.instagram,.linkedin,.twitter{cursor:pointer;height:20px;position:relative;transition:.2s ease-in-out;width:20px;z-index:3}.discord a,.github a,.instagram a,.linkedin a,.twitter a{color:var(--para);transition:.3s ease-in-out}.hover_effect{transition:.2s ease-in-out}.hover_effect:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hover_effect:hover a{color:var(--primary)}.left_line,.right_line{background-color:var(--para);height:90px;width:1px}.right_bar{align-items:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeRightBar;animation-name:fadeRightBar;bottom:0;display:flex;flex-direction:column;gap:21.17px;justify-content:flex-end;list-style-type:none;margin:0;padding:0;position:fixed;right:50px;width:20px;z-index:3}.email a{color:var(--para);font-family:SF Mono,monospace;font-size:14px;letter-spacing:.556px;text-decoration:none;-webkit-transform-origin:center;transform-origin:center;transition:.3s ease-in-out;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}@-webkit-keyframes fadeLeftBar{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeftBar{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRightBar{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRightBar{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-width:1080px){.left_bar{left:30px}.right_bar{right:30px}}@media only screen and (max-width:768px){.left_bar,.right_bar{display:none}}.about_container{box-sizing:border-box;display:flex;flex-direction:column;gap:30px;margin:auto;position:relative;width:75%;z-index:2}.showAbout{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:aboutFadeIn;animation-name:aboutFadeIn}.about_container h1{align-items:center;color:var(--heading);display:flex;font-family:Noto Sans SC,sans-serif;font-size:28px;gap:15px;margin:0;opacity:0}.about_container h1:before{color:var(--primary);content:"01.";font-family:SF Mono,monospace;font-size:22px;font-weight:300;padding-top:5px}.about_container h1:after{background-color:var(--light-navy);content:"";height:1px;margin-top:5px;width:25%}.about_contents{display:flex;gap:50px;justify-content:space-between;opacity:0;width:100%}.about_description{display:flex;flex-direction:column;gap:17px;width:60%}.about_description p{color:var(--para);font-family:Source Sans Pro,sans-serif;font-size:16px;letter-spacing:.6px;margin:0;text-align:justify;word-spacing:.8px}.skills_list{display:flex;gap:60px}.skills_list ul{list-style:none;margin:0;padding:0}.skills_list ul li{color:var(--para);font-family:Open Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:3px}.skills_list ul li:before{color:var(--primary);content:"▹";font-size:13px;padding-right:8px}.about_photo{border-radius:3px;height:21vw;max-height:300px;max-width:300px;min-height:200px;min-width:200px;position:relative;width:21vw}.about_photo:before{background-color:#182b3c;border-radius:4px;content:"";height:100%;left:0;mix-blend-mode:color;position:absolute;top:0;transition:.3s ease-in-out;width:100%}.about_photo:hover:before{-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.about_photo img{background-color:#ddd;border-radius:4px;height:100%;margin:0;object-fit:cover;transition:.3s ease-in-out;width:100%}.about_photo:hover img{-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.about_photo:after{border:2px solid #30476e;border-radius:4px;content:"";display:block;height:100%;left:9px;position:absolute;top:9px;transition:.3s ease-in-out;width:100%;z-index:-1}.about_photo:hover:after{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}@-webkit-keyframes aboutFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes aboutFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1080px){.about_container{padding:0 100px;width:100%}.about_container h1{font-size:26px}.about_container h1:before{font-size:20px}.about_description p{font-size:15.5px}}@media screen and (max-width:768px){.about_container{padding:0 50px}.about_container h1{font-size:24px;gap:8px}.about_container h1:before{font-size:18px}.about_contents{flex-direction:column;justify-content:flex-start}.about_description{width:100%}.about_description p{font-size:15px}.about_photo{height:260px;margin:auto;width:260px}.about_photo:before{background-color:#182b3c}.about_photo:after{border:2px solid #30476e}}@media screen and (max-width:480px){.about_container{padding:0 20px}.about_container h1{font-size:22px}.about_container h1:before{font-size:16px}.about_description p{font-size:14.5px}}.experience_container{box-sizing:border-box;display:flex;flex-direction:column;gap:30px;margin:150px auto auto;position:relative;width:75%;z-index:2}.showExperienceHeading{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:experienceFadeIn;animation-name:experienceFadeIn}.experience_container h1{align-items:center;color:var(--heading);display:flex;font-family:Noto Sans SC,sans-serif;font-size:28px;gap:15px;margin:0;opacity:0}.experience_container h1:before{color:var(--primary);content:"02.";font-family:SF Mono,monospace;font-size:22px;font-weight:300;padding-top:5px}.experience_container h1:after{background-color:var(--light-navy);content:"";height:1px;margin-top:5px;width:25%}@media screen and (max-width:1080px){.experience_container{padding:0 100px;width:100%}.experience_container h1{font-size:26px}.experience_container h1:before{font-size:20px}}@media screen and (max-width:768px){.experience_container{padding:0 50px}.experience_container h1{font-size:24px;gap:8px}.experience_container h1:before{font-size:18px}}@media screen and (max-width:480px){.experience_container{padding:0 20px}.experience_container h1{font-size:22px}.experience_container h1:before{font-size:16px}.experience_container h1:after{width:22%}}.experience_content{display:flex;gap:40px;justify-content:flex-start;opacity:0}.showExperienceContent{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:experienceFadeIn;animation-name:experienceFadeIn}.experience_tabs{display:flex;flex-direction:column;position:relative}.experience_tabs button{background-color:initial;border:none;border-left:2px solid var(--light-navy);box-sizing:border-box;color:var(--para);cursor:pointer;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:40px;letter-spacing:2px;outline:none;padding:0;transition:all .3s ease-in-out;width:140px}.experience_tabs button:hover{background-color:var(--hover);color:var(--primary)}.selected_experience{background-color:var(--hover)!important;color:var(--primary)!important}.vertical_slider{background-color:var(--primary);height:40px;left:0;position:absolute;transition:all .2s ease-in-out;width:2px}.experience_description{display:flex;flex-direction:column;gap:10px;opacity:0}.fade_in_description{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDescription;animation-name:fadeInDescription}@-webkit-keyframes fadeInDescription{0%{opacity:0}to{opacity:1}}@keyframes fadeInDescription{0%{opacity:0}to{opacity:1}}.experience_description h2{color:var(--heading);font-family:Noto Sans SC,sans-serif;font-size:18px;letter-spacing:.5px;margin:0}.experience_description h2 span{color:var(--primary)}.experience_description h2 a{color:var(--primary);cursor:pointer;position:relative;text-decoration:none}.experience_description h2 a:after{background-color:var(--primary);bottom:0;content:"";display:block;height:.5px;left:0;position:absolute;transition:.2s ease-in-out;width:0}.experience_description h2 a:hover:after{width:100%}.experience_description p{color:var(--para);font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;margin:0}.experience_description ul{display:flex;flex-direction:column;gap:15px;list-style:none;margin:12px 0 0;padding:0}.experience_description ul li{color:var(--para);font-family:Source Sans Pro,sans-serif;font-size:16px;letter-spacing:.6px;text-align:justify;word-spacing:.8px}.experience_description ul li:before{color:var(--primary);content:"▹";font-size:16px;padding-right:8px}.experience_description ul li a{color:green;color:var(--primary);cursor:pointer;position:relative;text-decoration:none}.experience_description ul li a:after{background-color:var(--primary);bottom:0;content:"";display:block;height:.5px;left:0;position:absolute;transition:.2s ease-in-out;width:0}.experience_description ul li a:hover:after{width:100%}.right_arrow{fill:var(--primary);width:10px}@-webkit-keyframes experienceFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes experienceFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1080px){.experience_description h2{font-size:17px}.experience_description p{font-size:11.5px}.experience_description ul li{font-size:15.5px}}@media screen and (max-width:768px){.experience_description h2{font-size:16px}.experience_description p{font-size:11px}.experience_description ul li{font-size:15px}}@media screen and (max-width:480px){.experience_description h2{font-size:15px}.experience_description p{font-size:10.5px}.experience_description ul li{font-size:14.5px}}@media screen and (max-width:650px){.experience_content{flex-direction:column;gap:40px}.experience_tabs{flex-direction:row;overflow-x:auto}.experience_tabs button{border:0;border-bottom:2px solid var(--light-navy);min-width:140px}.horizontal_slider{background-color:var(--primary);bottom:0;height:2px;position:absolute;transition:all .2s ease-in-out;width:140px}}.showMajorProjects{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:majorProjectsFadeIn;animation-name:majorProjectsFadeIn}.major_project_even,.major_project_odd{align-items:center;display:flex;height:350px;opacity:0;position:relative;width:100%;z-index:2}.major_project_odd{justify-content:flex-end}.major_project_even{justify-content:flex-start}.major_project_even>a,.major_project_odd>a{background-color:#43ae95;border-radius:4px;box-shadow:0 0 30px -15px rgba(2,12,27,.7);height:100%;overflow:hidden;position:absolute;width:60%;z-index:inherit}.major_project_even>a img,.major_project_odd>a img{-webkit-filter:grayscale(100%) contrast(100%) brightness(90%);filter:grayscale(100%) contrast(100%) brightness(90%);height:100%;margin:0;mix-blend-mode:multiply;object-fit:cover;width:100%}.major_project_even>a:hover img,.major_project_odd>a:hover img{-webkit-filter:grayscale(0) contrast(100%) brightness(80%);filter:grayscale(0) contrast(100%) brightness(80%);mix-blend-mode:normal}.major_project_odd>a{left:0}.major_project_even>a{right:0}.project_details_even,.project_details_odd{display:flex;flex-direction:column;gap:30px;position:relative;width:50%;z-index:inherit}.project_details_odd{align-items:end}.project_details_even{align-items:baseline}.project_details_even h2,.project_details_odd h2{display:flex;flex-direction:column;gap:5px;justify-content:center;margin:0}.project_details_odd h2{text-align:right}.project_details_even h2{text-align:left}.project_details_even h2 h4,.project_details_odd h2 h4{color:var(--primary);font-family:Open Sans,sans-serif;font-size:12px;margin:0}.project_details_even h2 a,.project_details_odd h2 a{color:var(--heading);font-family:Noto Sans SC,sans-serif;font-size:24px;letter-spacing:1px;text-decoration:none;transition:.3s ease-in-out}.project_details_even a:hover,.project_details_odd a:hover{color:var(--primary)}.project_details_even p,.project_details_odd p{background-color:var(--dark-navy);border-radius:4px;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);box-sizing:border-box;color:var(--para);font-family:Source Sans Pro,sans-serif;font-size:15.5px;letter-spacing:.6px;margin:0;padding:25px;word-spacing:.8px}.project_details_odd{text-align:right}.project_details_even{text-align:left}.project_details_even ul,.project_details_odd ul{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;height:15px!important;list-style:none;margin:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 0 5px}.project_details_even ul li,.project_details_odd ul li{color:var(--para);font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-align:left;white-space:nowrap}.project_details_even>a,.project_details_odd>a{color:var(--heading);height:23px;padding:8px;transition:.3s ease-in-out;width:23px}.project_details_even>a:hover,.project_details_odd>a:hover{color:var(--primary)}@-webkit-keyframes majorProjectsFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes majorProjectsFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1080px){.project_details_even h2 a,.project_details_odd h2 a{font-size:22px}.project_details_even p,.project_details_odd p{font-size:15px}}@media screen and (max-width:768px){.major_project_even,.major_project_odd{height:350px}.project_details_even h2,.project_details_odd h2{text-align:left}.project_details_even h2 a,.project_details_odd h2 a{font-size:21px}.project_details_even h2 h4,.project_details_odd h2 h4{font-size:11px}.project_details_even,.project_details_odd{box-sizing:border-box;height:100%;justify-content:space-between;padding:30px;width:100%}.major_project_even>a,.major_project_odd>a{background-color:#182b3c;pointer-events:none;width:100%}.project_details_even,.project_details_odd{align-items:baseline}.project_details_even p,.project_details_odd p{background-color:initial;box-shadow:none;-webkit-filter:drop-shadow(0 3px 8px rgba(2,12,27,.7));filter:drop-shadow(0 3px 8px rgba(2,12,27,.7));font-size:14.5px;padding:0;text-align:justify}.project_details_even ul li,.project_details_odd ul li{font-size:11.5px}}@media screen and (max-width:480px){.major_project_even,.major_project_odd{height:380px}.project_details_even h2 a,.project_details_odd h2 a{font-size:19px}.project_details_even,.project_details_odd{align-items:baseline;box-sizing:border-box;padding:30px;width:100%}.project_details_even p,.project_details_odd p{font-size:14px}.project_details_even ul li,.project_details_odd ul li{font-size:11px}}.project_details_even ul::-webkit-scrollbar,.project_details_odd ul::-webkit-scrollbar{height:4px}.project_details_even ul::-webkit-scrollbar-track,.project_details_odd ul::-webkit-scrollbar-track{background:var(--navy);border-radius:4px}.project_details_even ul::-webkit-scrollbar-thumb,.project_details_odd ul::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.major_projects_parent{box-sizing:border-box;display:flex;flex-direction:column;gap:50px;justify-content:flex-start;margin:150px auto auto;position:relative;width:75%;z-index:2}.major_projects_parent h1{align-items:center;color:var(--heading);display:flex;font-family:Noto Sans SC,sans-serif;font-size:28px;gap:15px;margin:0;opacity:0}.showMajorProjectsHeading{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:majorProjectsHeadingFadeIn;animation-name:majorProjectsHeadingFadeIn}@-webkit-keyframes majorProjectsHeadingFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes majorProjectsHeadingFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.major_projects_parent h1:before{color:var(--primary);content:"03.";font-family:SF Mono,monospace;font-size:25px;font-weight:300;padding-top:5px}.major_projects_parent h1:after{background-color:var(--light-navy);content:"";height:1px;margin-top:5px;width:25%}@media only screen and (max-width:1080px){.major_projects_parent{padding:0 100px;width:100%}.major_projects_parent h1{font-size:26px}.major_projects_parent h1:before{font-size:20px}}@media only screen and (max-width:768px){.major_projects_parent{gap:30px;padding:0 50px}.major_projects_parent h1{font-size:24px;gap:8px}.major_projects_parent h1:before{font-size:18px}.major_projects_parent h1:after{width:15%}}@media only screen and (max-width:480px){.major_projects_parent{padding:0 20px}.major_projects_parent h1{font-size:22px}.major_projects_parent h1:before{font-size:16px}.major_projects_parent h1:after{width:10%}}.minor_project{background-color:var(--dark-navy);border-radius:4px;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);box-sizing:border-box;display:flex;flex-direction:column;height:330px;justify-content:space-between;opacity:0;overflow:hidden;padding:20px;position:relative;text-align:left;text-decoration:none;transition:.3s ease-in-out;width:100%;z-index:2}.minor_project:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.minor_project:hover h2{color:var(--primary)}.showMinorProject{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:minorProjectItemsFadeIn;animation-name:minorProjectItemsFadeIn}@-webkit-keyframes minorProjectItemsFadeIn{0%{bottom:-50px;opacity:0}to{bottom:0;opacity:1}}@keyframes minorProjectItemsFadeIn{0%{bottom:-50px;opacity:0}to{bottom:0;opacity:1}}.icons{align-items:center;display:flex;justify-content:space-between;width:100%}.folder_icon{color:var(--primary);height:45px;width:45px}.github_icon{color:var(--para);cursor:pointer;height:23px;padding:5px;transition:.3s ease-in-out;width:23px}.github_icon:hover{color:var(--primary)}.minor_title{display:flex;flex-direction:column;gap:5px}.minor_project h2{color:var(--heading);font-family:Noto Sans SC,sans-serif;font-size:19px;margin:0;transition:.3s ease-in-out}.minor_project h4{color:var(--primary);font-family:Open Sans,sans-serif;font-size:11px;margin:0}.minor_project p{color:var(--para);font-family:Source Sans Pro,sans-serif;font-size:15px;letter-spacing:.5px;margin:0;text-align:justify}.minor_project ul{display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between;list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;padding:0 0 5px}.minor_project ul li{color:var(--para);font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;white-space:nowrap}@media only screen and (max-width:768px){.folder_icon{height:42px;width:42px}.github_icon{height:21px;width:21px}.minor_project h2{font-size:18px}.minor_project p{font-size:14.5px}.minor_project ul li{font-size:11.5px}}@media only screen and (max-width:650px){.minor_project{height:300px}}@media only screen and (max-width:480px){.folder_icon{height:40px;width:40px}.github_icon{height:20px;width:20px}.minor_project h2{font-size:17px}.minor_project p{font-size:14px}.minor_project ul li{font-size:11px}}.minor_project ul::-webkit-scrollbar{height:4px}.minor_project ul::-webkit-scrollbar-track{background:var(--navy);border-radius:4px}.minor_project ul::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.minor_projects_parent{box-sizing:border-box;display:flex;flex-direction:column;gap:60px;justify-content:flex-start;margin:150px auto auto;position:relative;transition:opacity .5s ease-in-out;width:75%;z-index:2}.minor_projects_parent h1{align-items:center;color:var(--heading);display:flex;font-family:Noto Sans SC,sans-serif;font-size:26px;gap:15px;justify-content:center;margin:0;opacity:0}.showMinorProjectsHeading{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:minorProjectsHeadingFadeIn;animation-name:minorProjectsHeadingFadeIn}@-webkit-keyframes minorProjectsHeadingFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes minorProjectsHeadingFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.minor_projects_parent h1:after,.minor_projects_parent h1:before{background-color:var(--light-navy);content:"";height:1px;margin-top:5px;width:19%}.project_line{border-bottom:1px solid #8892b0;height:1px;margin-top:1px;width:29%}.minor_projects_container{grid-row-gap:20px;grid-column-gap:20px;box-sizing:border-box;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);position:relative;row-gap:20px;width:100%;z-index:2}.minor_projects_parent button{background-color:initial;border:1px solid var(--primary);border-radius:3.5px;color:var(--primary);cursor:pointer;font-family:SF Mono,monospace;font-size:14px;font-weight:300;letter-spacing:1px;margin:0 auto;padding:12px 25px;text-decoration:none;transition:.3s ease-in-out}.minor_projects_parent button:hover{background-color:var(--hover)}@media only screen and (max-width:1250px){.minor_projects_container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:1080px){.minor_projects_parent{gap:50px;padding:0 100px;width:100%}.minor_projects_parent h1{font-size:24px}}@media only screen and (max-width:768px){.minor_projects_parent{gap:40px;padding:0 50px;width:100%}.minor_projects_parent h1{font-size:22px}.minor_projects_parent button{font-size:13.5px}}@media only screen and (max-width:650px){.minor_projects_container{grid-template-columns:repeat(1,1fr)}.minor_projects_parent h1{justify-content:flex-start}.minor_projects_parent h1:before{display:none}.minor_projects_parent button{font-size:13px}}@media only screen and (max-width:480px){.minor_projects_parent{padding:0 20px}.minor_projects_parent h1{font-size:20px;justify-content:center}.minor_projects_parent h1:after{display:none}}.contact_container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 106px);justify-content:center;margin:auto;max-width:600px;opacity:0;position:relative;text-align:center;z-index:2}.showContact{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:contactFadeIn;animation-name:contactFadeIn}.contact_container h4{color:var(--primary);font-family:SF Mono,monospace;font-size:22px;font-weight:300;margin:0 0 10px}.contact_container h1{color:var(--heading);font-family:Noto Sans SC,sans-serif;font-size:45px;letter-spacing:1px;margin:0;word-spacing:5px}.contact_container p{color:var(--para);font-family:Source Sans Pro,sans-serif;font-size:16px;letter-spacing:.6px;margin:15px 0 0;padding:0 25px;text-align:center;word-spacing:.8px}.contact_container a{background-color:initial;border:1px solid var(--primary);border-radius:3.5px;color:var(--primary);font-family:SF Mono,monospace;font-size:14px;font-weight:300;letter-spacing:1px;margin:35px auto 0;padding:12px 25px;text-decoration:none;transition:.3s ease-in-out}.contact_container a:hover{background-color:var(--hover)}@-webkit-keyframes contactFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes contactFadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1080px){.contact_container h4{font-size:20px}.contact_container h1{font-size:clamp(30px,5vw,45px)}.contact_container p{font-size:15.5px}}@media screen and (max-width:768px){.contact_container{height:calc(100vh - 138.2px)}.contact_container h4{font-size:18px}.contact_container p{font-size:15px}.contact_container a{font-size:13.5px}}@media screen and (max-width:650px){.contact_container p{font-size:14.5px;margin-top:12px}.contact_container a{font-size:13px}}@media only screen and (max-width:480px){.contact_container h4{font-size:16px;margin-bottom:8px}.contact_container p{font-size:14px;text-align:justify}}@media only screen and (max-width:402.4px){.contact_container{height:calc(100vh - 153.4px)}}.footer_container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;height:auto;justify-content:center;position:relative;text-align:center;z-index:2}.footer_container ul{display:none;gap:20px;justify-content:center;list-style:none;margin:0;padding:0}.footer_container ul li{color:var(--para);cursor:pointer;height:20px;padding:5px;transition:.2s ease-in-out;width:20px}.footer_container ul li:hover{color:var(--primary)}.footer_container p{margin-bottom:10px;margin-top:10px}.footer_container p,.footer_container p a{color:var(--para);font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;word-spacing:2.5px}.footer_container p a{padding-bottom:10px;padding-top:10px;text-decoration:none;transition:.3s ease-in-out}.footer_container p a:hover{color:var(--primary)}@media screen and (max-width:768px){.footer_container ul{display:flex}.footer_container p,.footer_container p a{font-size:11.5px}}@media screen and (max-width:650px){.footer_container a,.footer_container p a{font-size:11px}}@media screen and (max-width:480px){.footer_container a,.footer_container p a{font-size:10.5px}}.Top_Button_Container button{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:topButtonFadeIn;animation-name:topButtonFadeIn;background-color:#15223e;border:0;border-radius:50%;bottom:20px;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);box-shadow:0 0 13px 2px rgba(2,12,27,.7);box-sizing:border-box;cursor:pointer;opacity:0;padding:6.5px 10px;position:fixed;right:90px;z-index:5}img{height:20px;margin-top:5px;width:22px}@-webkit-keyframes topButtonFadeIn{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes topButtonFadeIn{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:1080px){.Top_Button_Container button{right:50px}}@media only screen and (max-width:768px){.Top_Button_Container button{bottom:30px;right:30px}}@media only screen and (max-width:480px){.Top_Button_Container button{bottom:10px;right:10px}}.App{margin:0 auto;max-width:1440px}
/*# sourceMappingURL=main.85706812.css.map*/