@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");.nav-logo{height:60px;margin:auto;display:flex;align-items:center;justify-content:center}.nav-logo img{width:200px}nav{display:block;width:100%;text-align:right;padding-top:0px;padding-right:0px;font-family:'Poppins', serif}.resume-button{border-radius:4px;padding:5px 12px 5px 12px;background-color:#f5f5f9;border:1px solid white;font-weight:600;color:#1c539f;position:relative}.resume-button:hover{background-color:#f5f5f9e7}.navlinks{display:block;justify-content:center;margin-right:2vw}.navlinks a{color:#f5f5f9;padding-right:15px;padding-left:15px;font-weight:bold;font-size:large}.navlinks a{background:linear-gradient(currentColor 0 0) bottom/var(--d, 0) 3px no-repeat;transition:0.5s}a:hover{--d: 100%;text-decoration:none}#projectdivoffset{display:block;position:relative;top:-160px;visibility:hidden}#expdivoffset{display:block;position:relative;top:-140px;visibility:hidden}#edudivoffset{display:block;position:relative;top:-140px;visibility:hidden}#memdivoffset{display:block;position:relative;top:-140px;visibility:hidden}.button-container{padding-top:1vw;display:flex;align-items:center}.switch{position:relative;display:inline-block;width:55px;height:33.33px;margin-right:20px;margin-bottom:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1d539f;-webkit-transition:0.4s;transition:0.4s;border:1px solid #fff}.slider:before{position:absolute;content:'';height:32px;width:33.33px;left:0px;bottom:0px;background-color:white;-webkit-transition:0.4s;transition:0.4s}input:checked+.slider{background-color:#232323}input:focus+.slider{box-shadow:0 0 1px #232323}input:checked+.slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translateX(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media screen and (max-width: 600px){.nav-logo img{width:170px}.navlinks{margin-right:none}.navlinks a{padding-right:3px;padding-left:2px;font-size:small}.button-container{padding-top:10px}}.profile{display:flex;flex-direction:column;align-items:center;background:linear-gradient(-45deg, #e73c7e, #00008B, #1d539f, #23a6d5);background-size:400% 400%;animation:gradient 10s ease infinite}.profile h1{font-size:2.5em;font-weight:700;color:white;margin-bottom:30px;transition:all 0.3s}.profile img{border-radius:50%;max-width:200%;max-height:200%;height:200px;width:200px;padding:20px;margin-top:50px}.profile .profile-picture{margin-bottom:20px;height:250px;transition:all 0.3s}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media screen and (max-width: 400px){.profile h1{font-size:10vw;text-align:center;margin-top:50px}.profile .profile-picture{height:55vw;min-height:140px}}p,h1,h2,h3,h4,h5,h6,button{font-family:"Open Sans", serif}h2{font-size:large}body{background-color:#f5f5f9 !important;background-size:cover;width:auto !important;overflow-x:hidden !important;font-family:"Open Sans", serif}.banner{padding:20px 0px 50px 0px;height:150px;background-color:#1d539f}.banner .logo{max-width:180px;max-height:60px;width:auto;height:auto}.banner .title{color:white;font-size:50px;font-weight:700}.page{text-align:left}.page h1{text-align:left !important;font-weight:800 !important;color:black;margin-bottom:0.7em}.page h2{text-align:left !important;font-weight:800 !important;color:black;margin-bottom:0.5em}.page h3{font-weight:600 !important;text-align:left !important;color:black;font-size:1.3rem}.page h4{font-weight:600 !important;text-align:center !important;color:black}.page p{color:black;font-weight:500}.page td{color:black}.page th{color:black}.page li{color:black}.page a{color:#0f90fe}.page a:hover{color:#0f90fe}.page code{color:#17a2b8}hr{background-color:black;padding:1px;margin-top:1em !important;margin-bottom:1em !important}@media screen and (max-width: 768px){.banner{padding:20px 0px 20px 0px;height:110px}.banner .logo{max-width:150px;max-height:60px;width:auto;height:auto}.banner .title{color:white;font-size:30px;font-weight:700}.page h1{font-size:1.5rem !important}.page h2{font-size:1.2rem !important}.page h4{font-size:0.8rem !important}}.contact{font-family:'Poppins', sans-serif;position:relative}#heading{text-align:center;margin-bottom:25px}#heading h2{margin-top:9px}.contactform{margin-top:12px;margin-right:auto;margin-left:auto;width:400px}.cfdiv{margin-bottom:12px}.cfdiv input{height:35px;width:100%;padding:10px;border:2px solid #e1e1e3}.cfdiv textarea{height:80px;width:100%;padding:10px;border:2px solid #e1e1e3}.contactform label{font-weight:500;margin-top:5px;padding-left:5px}.contactform button{height:35px;width:70px;background-color:#3923a6;color:white;border:2px solid #e1e1e3;outline:none;opacity:0.8;transition:0.5s;display:block;margin:auto}button:hover{opacity:1.5}@media only screen and (max-width: 800px){.contactform{width:300px}}@media only screen and (max-width: 330px){.contactform{width:200px}}.footer{border-top:1px solid #aaa;background-color:#1d539f;margin-top:20px;width:100%;display:flex;flex-direction:column}.footer h2{padding-bottom:20px;border-bottom:1px solid #fff;color:#fff}.footer-icons{display:flex;justify-content:center;padding:20px 0;position:relative}.footer-icons a{margin:0px 0.8em;padding:0.8em}.footer-icons a i{font-size:2em;color:#fff}@media screen and (max-width: 500px){.footer-icons a.footer-icons{margin:0px 0.2em;padding:0.3em}}.containerr{height:300px;width:100%;top:60px;left:calc(50% - 300px);display:flex;flex-direction:row;justify-content:center}.cardd{display:flex;align-items:center;padding:10px 0px 10px 0px;height:280px;width:200px;background-color:white;border-radius:20px;border:2px solid #e1e0e2;transition:0.4s ease-out;position:relative}.cardd:not(:first-child){margin-left:-50px}.cardd:hover{transform:translateY(-50px);transform:translateX(-50px);transition:0.4s ease-out}.cardd:hover ~ .card{position:relative;left:50px;transition:0.4s ease-out}.titlee{color:black;font-size:1.5rem;font-weight:600;position:absolute;left:20px;top:25px}.barr{position:absolute;top:100px;left:20px;height:5px;width:150px}.emptybarr{background-color:#1c539f;width:100%;height:100%}.filledbarr{position:absolute;top:0px;z-index:3;width:0px;height:100%;background:#009ad9;background:linear-gradient(90deg, #009ad9 0%, #d99300 65%, #ffba00 100%);transition:0.6s ease-out}.cardd:hover .filledbar{width:120px;transition:0.4s ease-out}.circlee{position:absolute;top:130px;left:calc(50% - 60px)}.profileimg{height:125px;width:125px;border:2px solid #1c539f}.strokee{stroke:white;stroke-dasharray:360;stroke-dashoffset:360;transition:0.6s ease-out}svg{fill:#17141d;stroke-width:2px}.cardd:hover .stroke{stroke-dashoffset:100;transition:0.6s ease-out}.scrollToTopBtn{background-color:#1d539f;border:none;border-radius:50%;color:white;cursor:pointer;font-size:16px;line-height:48px;width:48px;position:fixed;bottom:30px;right:30px;z-index:100;opacity:0;transform:translateY(100px);transition:all .5s ease}.scrollToTopBtn:focus{outline:none}.showBtn{opacity:1;transform:translateY(0)}html,body{overflow-x:hidden}.dark-mode{background-color:#121212 !important;color:#fff}.dark-mode .nav-bar{background-color:#4a1ad9 !important;border-bottom:2px solid rgba(255,255,255,0.7)}.dark-mode .card{background-color:#121212 !important;color:#fff;border:1px solid #fff}.dark-mode .profile,.dark-mode .footer{background-color:#4a1ad9 !important}.dark-mode .resume-button{background-color:#4a1ad9;border:1.5px solid #fff;color:#fff}.dark-mode .cardd{background-color:#121212 !important}.dark-mode .titlee{color:#fff}.card-container{display:grid;grid-template-columns:repeat(4, 1fr);font-family:'Open Sans', sans-serif;box-sizing:border-box}@media only screen and (max-width: 1500px){.card-container{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 1000px){.card-container{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 768px){.card-container{grid-template-columns:1fr}.card-container .card{flex-direction:column;margin:0.5em;padding:1em}}body{background-color:#f5f5f9}.github-stats{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.github-stats img{margin:50px 10px 0 10px}h2{margin-bottom:20px;margin-top:20px;font-weight:700;text-align:center}.card{display:flex;flex-direction:row;align-items:center;margin:20px 30px;background-color:white;border-radius:0.375rem;padding:1.5em;font-size:1.2em}a{color:black}.info p{margin-top:5px;margin:0px;text-align:left}.info .title{font-size:500;font-weight:bold}.info .location{font-size:medium;font-weight:400}.info .dates{font-size:small;color:#404040}.icon{width:70px;height:70px;margin-right:20px;padding:10px}.icon img{max-width:100%}.project>.content{color:white;display:none;top:0;left:0}.project:hover{background-color:#1c539f}.project:hover>.content{display:block}.project:hover>.info{display:none}.arrow{float:right;cursor:pointer}.circle{position:absolute;border:solid 2px #1c539f;width:10px;height:10px;border-radius:50%;background-color:white}.circle::after{content:"";width:50px;height:50px;position:absolute;border:solid 4px #1c539f;border-radius:50%;opacity:.8;top:-23px;right:-21px}.loader-wrapper{--line-width: 5px;--curtain-color: #f1faee;--outer-line-color: #f5e149;--middle-line-color: #1c539f;--inner-line-color: #f29d0a;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999}.loader{display:block;position:relative;top:50%;left:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border:var(--line-width) solid transparent;border-top-color:var(--outer-line-color);border-radius:100%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}.loader:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:var(--line-width) solid transparent;border-top-color:var(--inner-line-color);border-radius:100%;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.loader:after{content:"";position:absolute;top:14px;left:14px;right:14px;bottom:14px;border:var(--line-width) solid transparent;border-top-color:var(--middle-line-color);border-radius:100%;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.loader-wrapper .loader-section{position:fixed;top:0;background:var(--curtain-color);width:51%;height:100%;z-index:1000}.loader-wrapper .loader-section.section-left{left:0}.loader-wrapper .loader-section.section-right{right:0}.loaded .loader-wrapper .loader-section.section-left{transform:translateX(-100%);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded .loader-wrapper .loader-section.section-right{transform:translateX(100%);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded .loader{opacity:0;transition:all 0.3s ease-out}.loaded .loader-wrapper{visibility:hidden;transform:translateY(-100%);transition:all .3s 1s ease-out}@media screen and (max-width: 400px){img.git_stats{max-width:100%}}