@font-face{font-display:swap;font-family:Great Vibes;src:local("Great Vibes"),url(/portfolio/static/media/GreatVibes-Regular.6d246c3b51d7eb58b13a.ttf) format("woff")}@font-face{font-display:swap;font-family:Montserrat;src:local("Montserrat"),url(/portfolio/static/media/Montserrat-Regular.3cd786652b8a2e9d41f2.ttf) format("woff")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e7f7fe;font:19px/23px Montserrat,sans-serif;margin:0}@media (max-width:1380px){body,html{font-size:rem;line-height:normal}}.headroom-wrapper{max-height:100px}.dark-menu{background-color:#171c28!important;color:#fff}.dark-menu li a{color:#fff!important}.dark-menu li a:hover{background-color:#001c55!important}.header{background-color:#e7f7fe;margin:0 auto;max-width:100%;padding:15px 20px}.header ul{list-style:none;margin:0;overflow:hidden;padding:0}.header li a{color:#001c55;display:block;padding:15px 20px;text-decoration:none}.header .menu-btn:hover,.header li a:hover{background-color:#a6e1ff}.header .logo{color:#183b81;display:block;flex:none;float:left;font-size:1.5em;line-height:normal;margin-top:10px;text-decoration:none}.header .logo-name{font-feature-settings:"liga","clig off";font-family:Great Vibes;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;font-weight:700;padding:0 10px}.header .menu{clear:both;font-family:"system-ui";max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}.header .menu-icon .navicon{background:#001c55;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon-dark{background:#fff}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon-dark:after,.header .menu-icon .navicon-dark:before{background:#fff!important;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:486px}.header .menu-btn:checked~.menu-icon .navicon{background:#0000!important}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media(min-width:48em){.header li{float:left}.header{align-items:center;display:flex;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media(max-width:350px){.header .logo{font-size:1rem}}@media(max-width:1123px){.header{font-size:16px}}@media(max-width:1000px){.header{font-size:14px}}@media(max-width:920px)and (min-width:768px){.header{font-size:12px}}.button-greeting-div{display:flex}.greeting-text{color:#001c55!important;font-size:64px;line-height:1}.greeting-text-p{font-family:"system-ui";font-size:24px;line-height:40px}.wave-emoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;transform-origin:70% 70%}.button1-margin{margin:20px 20px 20px 0}.button2-margin{margin:20px}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media(max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@media(max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:1.4;text-align:center}.button1-margin,.button2-margin{margin:10px}}.social-media-div{margin-top:20px}.icon-button i{color:#fff}.icon-button{margin-bottom:10px}.icon-button i{border-radius:2.6rem;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;margin:0 5px 10px;position:relative;text-align:center;transition:.2s ease-in;-webkit-user-select:none;user-select:none;width:2.6rem}@media(max-width:768px){.social-media-div{margin-top:20px;text-align:center}}.main-button{background-color:#001c55;border:1px solid #001c55;border-radius:6px;color:#fff;display:block;font-size:1rem;font-weight:700;padding:13px 22px;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out 0s;width:max-content}.main-button:hover{background-color:#e7f7fe;color:#001c55;transform:translateY(-3px);transition:all .3s ease 0s}@media(max-width:768px){.main-button{font-size:14px;padding:12px 18px}}@media(max-width:320px){.main-button{font-size:12px}}.skills-main{display:flex}.skills-text-div{margin-left:50px}.skills-main>*{flex:1 1}.skills-image-div>*{height:auto;max-width:100%}@media(max-width:768px){.skills-main{flex-direction:column}.skills-text-div{margin:20px}.skills-text-subtitle{font-size:16px;text-align:center}.skills-image-div{order:2}}.dev-icons{font-size:3rem;padding-left:0}.software-skill-inline{display:inline-block;margin-bottom:20px;margin-left:10px;margin-right:10px}.skill-image{height:48px}.meter{background:#d3d3d3;border-radius:25px;height:20px}.meter>span{background-color:#0f77bd;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;display:block;height:100%;position:relative}.experience-cards-div{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.experience-banner{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:150%;background:linear-gradient(#000000b3,#00000080);border-radius:10px 10px 0 0;display:flex;-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0);filter:blur(0);height:11rem;justify-content:center}.experience-blurred_div{background:linear-gradient(#0006,#0003);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);height:11rem;width:100%}.experience-div-company{align-items:center;display:flex;height:9rem;justify-content:center;left:0;position:absolute;top:0;width:100%}.experience-text-company{color:#e7f7fe;font-size:25px;padding:1rem;text-align:center;word-break:break-word}.experience-roundedimg{border-radius:50%;box-shadow:0 .5rem 1rem #0000004d;height:8rem;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:7rem;width:8rem}.experience-roundedimg:hover{height:8.5rem;width:8.5rem}.experience-text-role{color:#001c55;font-size:25px;font-weight:700;margin:0;padding-top:1.8rem;text-align:center}.dark-mode-text{color:#fff!important}.experience-text-date{color:#001c55;font-size:20px;font-weight:600;margin:0;padding-top:1rem;text-align:center}.experience-text-details{margin-top:2rem;padding:1.5rem}.experience-text-desc{margin-bottom:2px}@media(max-width:1380px){.experience-text-role{font-size:22px;padding-top:.5rem}.experience-text-company{font-size:22px}.experience-text-date{font-size:18px}.experience-roundedimg{height:6.5rem;width:6.5rem}.experience-roundedimg:hover{height:7rem;width:7rem}}@media(max-width:768px){.experience-text-company,.experience-text-role{font-size:22px}.experience-text-date{font-size:18px}.experience-text-desc{font-size:16px;margin-bottom:5px}}.card-image{width:250px}.card-title{color:#001c55;font-size:22px;font-weight:700;line-height:24px;margin:15px 0 0}.card-subtitle{color:#52607a;font-size:17px;line-height:1.5rem;margin-top:12px}.project-subtitle{text-transform:uppercase}.project-card-padding{padding:2.5rem}.project-card-dark{box-shadow:0 10px 30px -15px #d9dbdf;transition:all .25s ease}.project-detail{text-align:center}.project-card-dark:hover{box-shadow:0 20px 30px -10px #d9dbdf}.project-image{align-items:center;display:flex;height:250px;justify-content:center}.projects-container{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.button-bottom{margin:0}.button-bottom .main-button:hover{background-color:#fff}.project-card-footer{display:flex;justify-content:center}@media(max-width:768px){.project-subtitle{font-size:16px;text-align:center}}.footer-text{color:#52607a!important;text-align:center}.dark-mode{color:#fff!important}.footer-div{margin-top:2rem;padding-bottom:1rem}.education-card-container{padding-top:20px}.education-card{display:flex;flex-direction:row;gap:25px}.education-card:hover+.education-card-border{border-color:#0e6ba8;transition:width .6s ease-in-out;width:100%}.education-card-border{border-top:2px solid #d3d3d3;height:30px;margin-top:20px;transition:width .6s ease-in-out;width:80%}.education-text-school{color:#001c55;font-size:24px;font-weight:700;margin:0;word-break:break-word}.education-roundedimg{background-color:#fff;box-shadow:0 .5rem 1rem #0000004d;height:6rem;margin-right:2rem;width:6rem}.education-roundedimg:hover{cursor:pointer;height:7rem;width:7rem}.education-text-subHeader{color:#52607a;font-size:19px;font-weight:700;margin:0;padding-top:.8rem}.education-text-duration{color:#52607a;font-size:19px;margin:0;padding-top:.5rem}@media(max-width:1380px){.education-card-border{width:90%}.education-text-subHeader{font-size:16px;padding-top:.5rem}.education-text-school{font-size:20px}.education-text-duration{font-size:16px}}@media(max-width:768px){.education-card{flex-direction:column;padding-bottom:10px;text-align:center}.education-card-right{max-width:100%}.education-card-border{width:100%}.education-roundedimg{height:5rem;margin-bottom:1rem;margin-right:0;margin-top:10px;width:5rem}.education-roundedimg:hover{cursor:pointer;height:6rem;width:6rem}}#topButton{background-color:#001c55;border:none;border-radius:100%;bottom:20px;color:#fff;cursor:pointer;font-size:25px;outline:none;padding:15px;position:fixed;right:30px;visibility:hidden;z-index:99}#topButton:hover{background-color:#e7f7fe;border:2px solid #001c55;color:#001c55;transition:all .2s ease-in-out}.certs-body-div{display:flex;flex-wrap:wrap;justify-content:space-between}@media(max-width:768px){.certs-body-div{flex-direction:column}}.cert-card{align-items:center;background-color:#f5fffa;border:1px solid #d9dbdf;border-radius:5px;box-shadow:5px 5px 5px #d9dbdf;display:inline-block;flex:0 0 30%;justify-content:center;margin-bottom:30px;text-align:center;width:30%}.cert-header{border-radius:5px 5px 0 0;margin:0}.logo_img{height:100px;margin:3px;width:auto}.cert-body{margin:0}.cert-body-title{font-family:Google Sans Regular;font-size:20px;margin:10px}.cert-body-subtitle{color:#708090;font-family:Google Sans Regular;font-size:18px;margin:12px}.content{margin:auto;overflow:hidden;position:relative;width:100%}.content-details{left:50%;opacity:0;padding-left:1em;padding-right:1em;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s;width:100%}.content:hover .content-details{left:50%;opacity:1;top:50%}.content-details h3{color:#fff;font-family:Google Sans Regular;font-weight:500;letter-spacing:.15em;margin-bottom:.5em;text-transform:uppercase}@media(max-width:768px){.cert-card{width:100%}}.logo_wrapper{align-items:center;height:100vh;justify-content:center;width:100vw}.screen{animation:grow 5.8s forwards;border-radius:100%;overflow:hidden}.lightbg{background-color:#001c55}@keyframes grow{0%{transform:scale(0)}10%{border-radius:0;height:100%;transform:scale(1);width:100%}90%{border-radius:0;height:100%;transform:scale(1);width:100%}to{border-radius:100%;transform:scale(0);transform-origin:50% 50%}}#logo{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}@media(max-width:768px){#logo{margin-left:5%;width:300px}}.dark-mode{background-color:#171c28}.light-mode{background-color:#e7f7fe}.main{margin:3rem auto 0;padding:20px 10px;width:90%}@media(max-width:320px){.main{width:auto}}.component-main{display:flex;gap:20px}.component-main>*{flex:1 1;margin-bottom:30px}.component-image-div>*{height:auto;max-width:100%}.component-heading{font-size:56px;font-weight:400}.subTitle{color:#52607a}@media(max-width:1380px){.component-heading{font-size:40px}}@media(max-width:768px){.component-subtitle{font-size:16px;text-align:center}.component-heading{font-size:30px;text-align:center}.component-main{display:block}.main{margin-top:1rem}}.component-card{background-color:#fff;transition:all .3s ease}.component-card,.component-card-dark{border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 10px 30px -15px #0003}.component-card-dark{background-color:#171c28;position:relative}.component-card:hover{box-shadow:0 20px 30px -10px #0003}.component-subtitle{text-transform:uppercase}iframe{height:700px;width:100%}.content .content-overlay{background:#000000b3;bottom:0;height:99%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease-in-out 0s;width:100%}.content:hover .content-overlay{opacity:1}.linkedIn-details{cursor:pointer;left:50%;opacity:0;padding-left:1em;padding-right:1em;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s;width:100%}.content:hover .linkedIn-details{left:50%;opacity:1;top:50%}.linkedIn-details h3{color:#fff;font-family:Google Sans Regular;font-weight:500;letter-spacing:.15em;margin-bottom:.5em;margin-top:350px;text-transform:uppercase}.fadeIn-top{top:20%}.content>*{height:700px;width:100%}.dark-mode a{color:#fff}.contact-detail-email{color:#52607a;font-size:24px;font-weight:600;text-decoration:none}.location{margin-top:15px}.location a{color:#52607a;text-decoration:none}.location:hover a{color:#001c55}.contact-detail-email:hover{color:#001c55;text-shadow:2px 1px 2px #b5b5b5;transition:all .3s}.contact-subtitle{text-transform:uppercase}.contact-margin-top{margin-top:4rem}@media(max-width:768px){.contact-subtitle{font-size:16px;text-align:center}.contact-detail-email{font-size:20px}.contact-left{text-align:center}.location a{font-size:16px}}
/*# sourceMappingURL=main.5bb4536c.css.map*/