body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--primary-font-black:#545454;--primary-color:#175997;--primary-white:#fff;--base-size:1em;--type-scale:1;--header-increase:1.3;--type-decrease:0.9;--small-font:calc(var(--base-size)*var(--type-scale)*var(--type-decrease));--h5:calc(var(--base-size)*var(--type-scale));--h4:calc(var(--h5)*var(--type-scale));--h3:calc(var(--h4)*var(--type-scale));--h2:calc(var(--h3)*var(--type-scale));--h1:calc(var(--h2)*var(--type-scale)*var(--header-increase));--primary-font-error:#ac0000;--primary-loading-bg:hsla(0,0%,100%,.8);--primary-modal-bg:rgba(0,0,0,.4);--primary-modal-body-bg:#fbfbf2;--max-page-width:1000px}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--primary-font);margin:0;padding:0}a{color:inherit;cursor:pointer;text-decoration:none}h1{font-size:1.3em;font-size:var(--h1);font-weight:400}h2{font-size:1em;font-size:var(--h2)}.h3,h2,h3{font-weight:400}.h3,h3{font-size:1em;font-size:var(--h3)}h4{font-size:1em;font-size:var(--h4)}.h5,h4,h5{font-weight:400}.h5,h5{font-size:1em;font-size:var(--h5)}p{font-size:1em;font-size:var(--base-size)}.loading-screen-bg{background:hsla(0,0%,100%,.8);background:var(--primary-loading-bg);display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:100}.loading-screen-bg section{height:90%;padding-top:8%;text-align:center;width:100%}.about-section-container{background-color:#333333c0;color:#fff;color:var(--primary-white);display:grid;grid-template-areas:"image" "about";justify-content:center;padding:0 0 16px}img{max-width:100%;width:100%}.about-section-container section:first-child{grid-area:about;max-width:500px;max-width:calc(var(--max-page-width)/2);text-align:center;width:100%}.about-section-container section:first-child h1,.about-section-container section:first-child h2{margin:4px 0}.about-section-container section:first-child p{margin-top:8px;padding:4px 8px;text-align:left}.about-section-container section:last-child{grid-area:image;max-width:500px;max-width:calc(var(--max-page-width)/2);width:100%}.experience-section-container{margin:0 16px;max-width:1000px;max-width:var(--max-page-width);padding:4px 8px}.experience-section{display:grid;grid-template-areas:"image image" "orgName orgName" "title title" "date location" "bullets bullets";padding:16px}.experience-section-container h1{padding:12px 0}.experience-section img{grid-area:image;margin:4px auto;max-width:275px;text-align:center}.experience-section h2{font-weight:700;grid-area:orgName;margin-bottom:4px;margin-top:8px}.experience-section h3{font-style:italic;grid-area:title;margin-bottom:4px}.experience-section .experience-date{font-size:.9em;font-size:var(--small-font);grid-area:date;margin-bottom:8px}.experience-section .experience-location{font-size:.9em;font-size:var(--small-font);grid-area:location;text-align:right}.experience-section ul{font-size:1em;font-size:var(--h4);grid-area:bullets;margin-left:20px}.achievement-section-container,.portfolio-section-container,.skills-section-container{margin:0 auto;max-width:1000px;max-width:var(--max-page-width);padding:16px}.achievement-section-container h1,.portfolio-section-container h1,.skills-section-container h1{padding:12px 0}.achievement-section-container ul{font-size:1em;font-size:var(--h4);margin-left:24px}.skills-section-container ul{display:flex;flex-wrap:wrap;font-size:1em;font-size:var(--h4);justify-content:center;list-style:none}.skill-bullet{background-color:#175997;background-color:var(--primary-color);border-radius:50px;color:#fff;color:var(--primary-white);display:flex;flex-direction:column;margin:4px;padding:4px 5px}.skills-section-container ul li:first-child{margin-left:0}.skill-bullet span:first-child{border:1px solid #fff;border:1px solid var(--primary-white);border-radius:50px;padding:4px 8px}.portfolio-section-list{grid-gap:.5rem;display:grid;grid-auto-rows:minmax(20px,auto);grid-template-columns:repeat(3,1fr)}.portfolio-section{border:1px solid;border-radius:16px;cursor:pointer;display:grid;grid-template-columns:8px 1fr 8px;grid-template-rows:1fr 24px 36px;margin:8px 0}.portfolio-section .header-img{border-radius:16px;grid-column:1/4;grid-row:1/4;width:100%}.portfolio-section .h5{display:inline-block;grid-column:2/3;grid-row:3;overflow:hidden;padding:8px 0;text-overflow:ellipsis;white-space:nowrap}.portfolio-details{position:relative}.portfolio-details .portfolio-header{display:grid;grid-template-columns:8px 1fr 8px;grid-template-rows:1fr 36px}.portfolio-header .header-img{grid-column:1/4;grid-row:1/4}.portfolio-header .header-role{align-items:center;background-color:rgba(0,0,0,.3);border-radius:50px;color:#fff;display:flex;grid-column:2/3;grid-row:2;margin:0 0 8px 12px;padding:6px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.portfolio-details .portfolio-title{display:grid;grid-template-columns:.5fr 1fr .5fr;margin-top:16px}.portfolio-title .app-img{border-radius:50px;padding:16px}.portfolio-title h1{margin-top:16px}.portfolio-title .url-link{align-items:center;display:flex;justify-content:center}.portfolio-title .url-link a{background-color:rgba(0,0,0,.3);border-radius:50px;padding:6px 10px}.portfolio-details hr{margin:8px auto;width:95%}.portfolio-details .portfolio-description{margin:16px;padding:4px}.portfolio-details .portfolio-image-carousel{margin:16px 20px}.portfolio-details .portfolio-skills{display:flex;flex-wrap:wrap;margin:16px 12px}.modal{background:rgba(0,0,0,.4);background:var(--primary-modal-bg);bottom:0;display:none;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}.modal-open{display:flex}.modal-body{background-color:#fbfbf2;background-color:var(--primary-modal-body-bg);height:85%;margin-top:32px;max-height:800px;max-width:800px;overflow-x:hidden;overflow-y:scroll;position:relative;width:85%}.modal-open .close-button{background-color:rgba(0,0,0,.3);border:none;border-radius:50px;color:#fff;cursor:pointer;margin:0;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:10}.carousel-container .carousel-imgs{display:flex;flex-direction:row;overflow-x:scroll;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.carousel-imgs .carousel-img{flex-shrink:0;list-style:none;margin:0 8px;padding-top:8px;scroll-snap-align:center;width:100%}.carousel-container .carousel-bullets{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4px}.carousel-bullets li{background-color:#545454;border-radius:50px;height:10px;list-style:none;margin:0 4px;width:10px}.footer-section-container{background-color:#545454;color:#fff;padding:16px}.footer-section{grid-gap:8px;display:grid;grid-template-areas:"title" "space" "social";margin:0 auto;max-width:1000px;max-width:var(--max-page-width);padding:4px}.footer-section-container li{list-style:none;margin:0 4px;max-width:50px}.footer-title-container{grid-area:title}.footer-title-container .footer-title{display:block;margin-bottom:16px;text-align:center}.footer-title-container .footer-phone{margin:8px 0}.footer-email span,.footer-phone span{margin-right:4px}.footer-email a,.footer-phone a{text-decoration:underline}.footer-social-container{grid-area:social}.footer-social-container ul{display:flex;flex-direction:row;justify-content:center}@media screen and (min-width:750px){:root{--type-scale:1.1}.about-section-container{align-items:center;grid-template-areas:"about image";margin:0 auto;padding:0;text-align:left}.about-section-container section:first-child{padding:0 16px;text-align:left}.about-section-container section:first-child h1,.about-section-container section:first-child h2{margin:8px 0}.about-section-container section:first-child p{margin-top:16px;padding:4px 0}.achievement-section-container,.skills-section-container{padding:16px}.experience-section-container h1{padding:12px 16px}.experience-section{align-items:flex-end;grid-template-areas:"image orgName date" "image title location" "image bullets  bullets";grid-template-columns:.5fr 1fr .5fr}.experience-section img{align-self:flex-start;margin-top:8px}.experience-section-container{margin:0 auto}.experience-section h2{margin:0}.experience-section .experience-date,.experience-section .experience-location{font-size:1em;font-size:var(--h4);margin-bottom:0;text-align:right}.experience-section .experience-location{align-self:flex-start;margin-top:4px}.experience-section ul{margin-top:8px}.skills-section-container ul{justify-content:flex-start}.portfolio-section-list{grid-template-columns:repeat(4,1fr)}.footer-section-container{padding:8px}.footer-section{grid-template-areas:"title space extraspace" "title space social";padding:12px}.footer-title-container .footer-title{text-align:left}.footer-social-container ul{justify-content:flex-end}}@media screen and (min-width:1024px){:root{--type-scale:1.2}.portfolio-section-list{grid-template-columns:repeat(6,1fr)}.footer-section{padding:16px}}