.aboutContainer{align-items:center;background:linear-gradient(90deg,#000c24,#928a97);border-radius:.5rem;color:#928a97;display:flex;flex-direction:column;margin:1.25rem auto;max-width:100%;padding:1.25rem;text-align:left}.aboutContainer .section-title{color:#f44336}.aboutContainer .profile-pic,.aboutContainer .site-title,.aboutContainer .subtitle,.aboutContainer .title{animation:fadeIn .8s forwards;opacity:0}.aboutContainer .title{animation-delay:.5s;color:#fbfbfb;font-size:2.5rem;margin-bottom:.03125rem}.aboutContainer .site-title{animation-delay:1s;-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:.03125rem}.aboutContainer .profile-pic{animation-delay:1.5s;border:.25rem solid #f44336;border-radius:50%;filter:grayscale(100%);height:9.375rem;margin-right:1.25rem;width:9.375rem}.aboutContainer .profile-container{display:flex;justify-content:center;padding:0 .625rem;width:100%}.aboutContainer .text-content{word-wrap:break-word;max-width:37.5rem;overflow-wrap:break-word;padding:0 1.25rem;text-align:center}.aboutContainer .text-content .subtitle{animation-delay:2s;color:#fbfbfb;font-size:1.15rem;margin-bottom:.03125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:64rem){.aboutContainer .profile-pic{height:7.5rem;width:7.5rem}.aboutContainer .site-title,.aboutContainer .title{font-size:2rem}.aboutContainer .text-content{max-width:90%;padding:0 .9375rem}}@media(max-width:48rem){.aboutContainer .profile-pic{height:6.25rem;width:6.25rem}.aboutContainer .site-title,.aboutContainer .title{font-size:1.35rem}.aboutContainer .text-content{max-width:100%;padding:0 .625rem}}html{font-family:Lato,sans-serif;scroll-behavior:smooth}body{background:linear-gradient(45deg,#000c24,#928a97,#f44336,#fbfbfb);color:#f44336;margin:0;padding:0}.appContainer{margin:0 auto;max-width:92.5rem;padding:0 1.25rem}.navbar{font-family:Red Hat Display,sans-serif}.aboutContainer,.contactContainer,.educationContainer,.homeContainer,.projectsContainer,.techSkillsContainer{background-color:#fbfbfb;color:#f44336;font-family:Lato,sans-serif;padding:1.25rem;text-align:center}h1,h2,h3{font-family:Red Hat Display,sans-serif}.footer{background-color:#000c24;color:#fff;justify-content:space-between;padding:1rem 2rem}.footer,.footer .footer-logo{align-items:center;display:flex}.footer .footer-logo{font-size:1.5rem;font-weight:700}.footer .footer-contact{flex:1 1;font-size:1rem;text-align:center}.footer .footer-contact a{background:none;border:none;color:#fff;font-size:1.5rem;margin:0 .625rem;padding:.625rem;transition:color .3s ease}.footer .footer-contact a:hover{color:#f44336}.footer .social-media-icons{align-items:center;display:flex;justify-content:flex-end}.footer .social-media-icons a{background:none;border:none;color:#fff;font-size:1.5rem;margin:0 .625rem;padding:.625rem;transition:color .3s ease}.footer .social-media-icons a:hover{color:#f44336}@media(max-width:64rem){.footer{align-items:center;flex-direction:column;text-align:center}.footer .footer-contact,.footer .footer-logo,.footer .social-media-icons{flex:0 0 auto;justify-content:center;margin:.625rem 0;width:100%}.footer .footer-contact .footer-logo,.footer .footer-logo .footer-logo,.footer .social-media-icons .footer-logo{display:flex;justify-content:center;width:100%}}.hero{background-color:#000c24;color:#fbfbfb;padding:20px;text-align:center}.hero h1,.hero p{margin:0}.homeContainer{background-color:#fbfbfb;color:#f44336;font-family:Lato,sans-serif;padding:20px;text-align:center}@media(max-width:48rem){.homeContainer{padding:15px}}.navbar{align-items:center;background-color:#000c24;color:#fff;display:flex;justify-content:space-between;padding:.3125rem 2rem;position:sticky;top:0;z-index:1000}.navbar .logo{font-size:1.5rem;font-weight:700}.navbar .menu-toggle{background-color:#f44336;border:none;border-radius:.3125rem;box-shadow:0 .125rem .3125rem #0000004d;color:#fff;cursor:pointer;display:none;font-size:2rem;padding:.625rem;transition:background-color .3s,box-shadow .3s,transform .3s}.navbar .menu-toggle:focus,.navbar .menu-toggle:hover{background-color:#ea1c0d;box-shadow:0 .25rem .5rem #00000080;transform:translateY(-.125rem)}.navbar .menu-toggle:active{box-shadow:0 .0625rem .1875rem #0000004d;transform:translateY(.0625rem)}.navbar .navbar-links{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;right:6rem}.navbar .navbar-links a,.navbar .navbar-links button{background:none;border:none;color:#fff;font-size:1.05rem;margin:0 .625rem;padding:.625rem;transition:color .3s ease}.navbar .navbar-links a.active,.navbar .navbar-links a:hover,.navbar .navbar-links button.active,.navbar .navbar-links button:hover{color:#f44336}@media(max-width:64rem){.navbar .menu-toggle{display:block}.navbar .navbar-links{background-color:#000c24;display:none;flex-direction:column;left:0;padding:0;position:absolute;right:0;top:100%;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out}.navbar .navbar-links.open{display:flex;padding-right:1.35rem;transform:scaleY(1)}.navbar .navbar-links button{text-align:right;width:100%}}.projectsContainer{align-items:center;background:linear-gradient(90deg,#000c24,#928a97);border-radius:.5rem;color:#928a97;display:flex;flex-direction:column;margin:1.25rem auto;padding:1.25rem;text-align:left}.projectsContainer .section-title{color:#f44336}.projectsContainer .subtitle{color:#fbfbfb;font-size:1.15rem;margin-bottom:1.25rem;text-align:center}.projectsContainer .projectsGrid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr));justify-content:center;margin:0 auto;max-width:75rem;width:100%}.projectsContainer .projectCard{background:#fff;border:.0625rem solid #ddd;border-radius:.625rem;box-shadow:0 .125rem .3125rem #0000001a;max-width:18.75rem;padding:.9375rem;position:relative;transition:transform .3s ease-in-out}.projectsContainer .projectCard:hover{transform:scale(1.05)}.projectsContainer .projectCard .projectImage{border-radius:.625rem;cursor:pointer;height:auto;width:100%}.projectsContainer .projectCard .projectTitle{color:#333;font-size:1.25rem;margin-bottom:.625rem;margin-top:.625rem}.projectsContainer .projectCard .projectDescription{color:#666;font-size:1rem;margin-bottom:1.25rem;text-align:left}.projectsContainer .projectCard .projectLinks{bottom:.625rem;display:flex;position:absolute;right:.625rem}.projectsContainer .projectCard .projectLinks a{color:#666;margin-left:.625rem;transition:color .3s ease}.projectsContainer .projectCard .projectLinks a:hover{color:#f44336}.projectsContainer .projectCard .projectLinks a:hover svg{transform:scale(1.2)}.projectsContainer .projectCard .projectLinks a svg{transition:transform .3s ease}@media(max-width:48rem){.projectsContainer .projectsGrid{grid-template-columns:1fr}.projectsContainer .projectCard{max-width:100%}}.Modal{bottom:auto;padding:1.25rem;position:absolute;right:auto}.Overlay{z-index:1050}.modalImage{height:auto;max-width:100%}.closeButton{background-color:#f44336;color:#fff;padding:.3125rem .625rem;top:.625rem}.closeButton:hover{color:#fff}.techSkillsContainer{align-items:center;background:linear-gradient(90deg,#000c24,#928a97);border-radius:8px;color:#928a97;display:flex;flex-direction:column;margin:20px auto;padding:20px;text-align:left}.techSkillsContainer .section-title{color:#f44336;margin-bottom:1rem}.techSkillsContainer h1{color:#000c24;margin-bottom:2rem}.techSkillsContainer .skillsList{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:960px;width:100%}@media(max-width:64rem){.techSkillsContainer .skillsList{grid-template-columns:repeat(2,1fr)}}@media(max-width:48rem){.techSkillsContainer .skillsList{grid-template-columns:repeat(1,1fr)}.techSkillsContainer .skillsList .skill{padding:6px}}.techSkillsContainer .skill{align-items:center;background:#fbfbfb;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;padding:10px;transition:transform .3s ease-in-out}.techSkillsContainer .skill .skillIconContainer{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.techSkillsContainer .skill .skillIconContainer .skillIcon{color:#f44336;font-size:2rem;margin-right:10px}.techSkillsContainer .skill .skillIconContainer .skillName{color:#000c24;font-weight:700}.techSkillsContainer .skill .progress{background:#928a97;border-radius:5px;height:20px;overflow:hidden;position:relative;width:100%}.techSkillsContainer .skill .progress .progressBar{animation:fillBar 1.5s ease-in-out forwards;background:linear-gradient(45deg,#000c24,#928a97,#f44336,#fbfbfb);height:100%;width:0}.techSkillsContainer .skill .progress .percentage{color:#fbfbfb;font-weight:700;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@keyframes fillBar{0%{width:0}to{width:var(--progress-width)}}.experienceContainer{align-items:center;background:linear-gradient(90deg,#000c24,#928a97);border-radius:.5rem;color:#928a97;display:flex;flex-direction:column;margin:0 auto;padding:2rem 0;text-align:center;width:100%}.experienceContainer .section-title{color:#f44336;margin-bottom:3rem}.experienceContainer .timeline{margin:0 auto;max-width:70rem;padding:2rem 0;position:relative;width:90%}.experienceContainer .timeline:before{background:#f44336;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.experienceContainer .experienceBlock{align-items:flex-start;display:flex;margin-bottom:4rem;opacity:0;position:relative;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;width:100%}.experienceContainer .experienceBlock.visible{opacity:1;transform:translateY(0)}.experienceContainer .experienceBlock.hidden{opacity:0;pointer-events:none;transform:translateY(30px)}.experienceContainer .experienceBlock:last-child{margin-bottom:0}.experienceContainer .experienceBlock .timelineDot{align-items:center;background:#f44336;border:4px solid #000c24;border-radius:50%;color:#000c24;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:2.5rem;justify-content:center;left:50%;position:absolute;top:1.5rem;transform:translateX(-50%);transition:all .3s ease;width:2.5rem;z-index:10}.experienceContainer .experienceBlock .timelineDot:hover{box-shadow:0 0 15px #f4433699;transform:translateX(-50%) scale(1.15)}.experienceContainer .experienceBlock .timelineDot.expanded{background:#000c24;border-color:#f44336;color:#f44336}.experienceContainer .experienceBlock:nth-child(odd){flex-direction:row}.experienceContainer .experienceBlock:nth-child(odd) .yearLabel{order:1;padding-right:3rem;text-align:right}.experienceContainer .experienceBlock:nth-child(odd) .experienceContent{margin-left:3rem;order:2}.experienceContainer .experienceBlock:nth-child(2n){flex-direction:row-reverse}.experienceContainer .experienceBlock:nth-child(2n) .yearLabel{order:1;padding-left:3rem;text-align:left}.experienceContainer .experienceBlock:nth-child(2n) .experienceContent{margin-right:3rem;order:2}.experienceContainer .experienceBlock .yearLabel{color:#f44336;flex:0 0 45%;font-size:1.5rem;font-weight:700;line-height:1.3;padding-top:1.5rem;white-space:nowrap}.experienceContainer .experienceBlock .experienceContent{background:#0000;flex:0 0 45%;transition:all .3s ease}.experienceContainer .experienceBlock .experienceContent .experienceHeader{align-items:flex-start;display:flex;justify-content:space-between;padding:0;text-align:left;transition:all .2s ease}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo{flex:1 1}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .company{color:#f44336;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .roleTitle{color:#f7f6f7;font-size:1.2rem;font-weight:600;margin-bottom:.3rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .period{color:#c4c0c7;font-size:.9rem;font-style:italic;margin-bottom:.3rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .location{color:#d1ced3;font-size:.85rem;font-style:italic;margin-bottom:.75rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .summary{color:#eae9eb;font-size:.95rem;font-style:italic;line-height:1.5;margin-bottom:.75rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .collapsedHighlights{margin-bottom:.75rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .collapsedHighlights .collapsedBullets{list-style:none;margin:0;padding:0}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .collapsedHighlights .collapsedBullets li{color:#dddbdf;font-size:.9rem;line-height:1.4;margin-bottom:.4rem;padding-left:1rem;position:relative}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .collapsedHighlights .collapsedBullets li:before{color:#f44336;content:"•";font-weight:700;left:0;position:absolute}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .collapsedHighlights .collapsedBullets li.moreHighlights{color:#c4c0c7;font-size:.85rem;font-style:italic}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .collapsedHighlights .collapsedBullets li.moreHighlights:before{color:#f44336;content:"+"}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .additionalRoles{margin-bottom:.5rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .additionalRoles .additionalRolesText{color:#d1ced3;font-size:.85rem;font-style:italic;margin:0}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .skillTags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .skillTags .skillTag{background:#6c647180;border:1px solid #928a9799;border-radius:1rem;color:#f7f6f7;display:inline-block;font-size:.75rem;font-weight:500;padding:.35rem .85rem;transition:all .2s ease}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .skillTags .skillTag.more{background:#f4433666;border-color:#f44336b3;color:#f7f6f7}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .skillTags .skillTag:hover{background:#f4433680;border-color:#f44336;transform:translateY(-2px)}.experienceContainer .experienceBlock .experienceContent .experienceDetails{animation:slideDown .3s ease-out;padding:1rem 0 0;text-align:left}.experienceContainer .experienceBlock .experienceContent .experienceDetails .location{border-bottom:1px solid #f443364d;color:#d1ced3;font-size:.9rem;font-style:italic;margin-bottom:1rem;padding-bottom:.75rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role{border-top:1px solid #f443364d;margin-top:1rem;padding-top:1rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role:first-child{border-top:none;margin-top:.75rem;padding-top:0}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role .roleTitle{color:#eae9eb;font-size:1.15rem;font-weight:600;margin-bottom:.3rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role .period{color:#b8b3bb;font-size:.85rem;font-style:italic;margin-bottom:.75rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role .highlights{color:#dddbdf;list-style-position:outside;list-style-type:disc;margin:.5rem 0 0;padding:0 0 0 1.5rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role .highlights li{font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role .highlights li:last-child{margin-bottom:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:64rem){.experienceContainer .timeline:before{left:5rem;transform:none}.experienceContainer .experienceBlock{flex-direction:row!important}.experienceContainer .experienceBlock:after{left:5rem;transform:none}.experienceContainer .experienceBlock .yearLabel{flex:0 0 8rem;padding:1.5rem 2rem 0 0!important;text-align:left!important}.experienceContainer .experienceBlock .experienceContent{flex:1 1;margin-left:2rem!important;margin-right:0!important}}@media(max-width:48rem){.experienceContainer .timeline{width:95%}.experienceContainer .timeline:before{left:3.5rem}.experienceContainer .experienceBlock:after{border-width:3px;height:1.25rem;left:3.5rem;width:1.25rem}.experienceContainer .experienceBlock .yearLabel{flex:0 0 6rem;font-size:1.5rem;padding-right:1rem!important}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .company{font-size:1.2rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .roleTitle{font-size:1rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .headerInfo .period{font-size:.85rem}.experienceContainer .experienceBlock .experienceContent .experienceHeader .expandIcon{font-size:1.25rem;height:1.75rem;width:1.75rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role .roleTitle{font-size:.95rem}.experienceContainer .experienceBlock .experienceContent .experienceDetails .role .highlights li{font-size:.85rem}}.educationContainer{background:linear-gradient(90deg,#000c24,#928a97);border-radius:.5rem;color:#928a97;padding:1.25rem;text-align:center}.educationContainer .section-title{color:#f44336;margin-bottom:1.25rem}.educationContainer .educationList{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.educationContainer .educationCard{align-items:flex-start;background:#fbfbfb;border:.0625rem solid #928a97;border-radius:.625rem;box-shadow:0 .125rem .3125rem #0000001a;display:flex;gap:.9375rem;padding:1.25rem;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out;width:25rem}.educationContainer .educationCard:hover{border-color:#f44336;box-shadow:0 .25rem .625rem #0003;transform:translateY(-.625rem)}.educationContainer .educationCard .schoolIcon{align-self:flex-start;color:#f44336;margin-right:.625rem}.educationContainer .educationCard .educationInfo{flex:1 1;text-align:left}.educationContainer .educationCard .educationInfo .school{color:#f44336;display:inline;font-size:1.2rem}.educationContainer .educationCard .educationInfo .degree{color:#000c24;font-size:1rem;margin-top:.3125rem}.educationContainer .educationCard .educationInfo .graduation{align-items:flex-start;display:flex;flex-direction:column;font-size:1rem}.educationContainer .educationCard .educationInfo .graduation .graduationTitle{color:#f44336;font-style:normal}.educationContainer .educationCard .educationInfo .graduation .graduationDate{color:#928a97;font-style:italic}@media(max-width:64rem){.educationContainer .educationCard{width:70%}}@media(max-width:48rem){.educationContainer .educationCard{width:100%}}.contactContainer{align-items:center;background:linear-gradient(90deg,#000c24,#928a97);border-radius:.5rem;color:#928a97;display:flex;flex-direction:column;margin:1.25rem auto;max-width:100%;text-align:left}.contactContainer .title{color:#f44336}.contactContainer .subtitle{color:#928a97;font-size:1.2rem;margin-bottom:1.875rem;text-align:center}.contactContainer form{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:37.5rem;width:100%}.contactContainer form .formField{display:flex;flex-direction:row;gap:1.25rem;justify-content:space-between}.contactContainer form .formField input,.contactContainer form .formField textarea{background:#0000;border:none;border-bottom:.125rem solid #f44336;color:#928a97;font-size:1.2rem;padding:.625rem .3125rem;width:100%}.contactContainer form .formField input::placeholder,.contactContainer form .formField textarea::placeholder{color:#c4c0c7}.contactContainer form .formField input:focus,.contactContainer form .formField textarea:focus{border-bottom-color:#f77066;outline:none}.contactContainer form .formField input[type=email],.contactContainer form .formField input[type=text]{flex:1 1}.contactContainer form .formField textarea{flex-grow:1;height:7.5rem;resize:none}.contactContainer form .submitButton{background:#f44336;border:none;border-radius:.3125rem;color:#000c24;cursor:pointer;font-size:1.2rem;padding:.625rem 2.5rem;transition:background-color .3s,transform .3s;width:fit-content}.contactContainer form .submitButton:hover{background-color:#ea1c0d;transform:translateY(-.125rem)}.Modal{background:#fff;border:.0625rem solid #ccc;border-radius:.25rem;left:50%;max-height:80%;max-width:90%;outline:none;overflow:auto;padding:2.25rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1050}.Overlay{background-color:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.closeButton{background:#0000;border:none;border-radius:.25rem;color:#f44336;cursor:pointer;font-size:1rem;padding:.3015rem .125rem;position:absolute;right:.625rem;top:.425rem}.closeButton:hover{background-color:#ea1c0d}@media(max-width:48rem){.contactContainer{padding:.625rem}form .formField{flex-direction:column}}
/*# sourceMappingURL=main.2369e4ab.css.map*/