@import"https://fonts.googleapis.com/css?family=Urbanist:700|Urbanist:500";.Wrapper{background:linear-gradient(0deg,#07133b,#0f267b 22%,#0f267b);width:100vw;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;color:var(--text)}.Welcome{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:1.5em;color:var(--background);align-self:center;height:100vh}.Welcome h1{display:inline-block;width:fit-content}.Welcome h4{color:var(--secondary)}.hidden{display:none}.fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.fade-in{animation:fadeIn .5s forwards}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.Begin-button{width:auto;background-color:var(--background);transition:all .2s}.Begin-button:hover{box-shadow:0 0 3em 0 var(--background);margin-bottom:.2em;margin-top:-.2em}.Inner{background-color:var(--background);width:99%;border-radius:1em;display:flex;min-height:25vh}@media (max-width: 1200px){.Welcome{text-align:left;padding:2em}}@media (max-width: 800px){.Welcome{padding:0 5em}.Welcome h1{font-size:3.158rem}}.Header-bg{background-color:var(--primary);overflow:hidden;height:0;transition:all .5s;color:var(--background);display:flex;flex-direction:row;align-items:center;justify-content:space-around}.Header-bg.expanded{height:7.5vh;padding:.2em 1em}.Header-bg.menu{height:100vh;padding:.2em 1em;background-color:var(--primary)}.Title{width:20vw;font-size:2.369rem;font-weight:700;text-align:center;color:var(--background)}.Page-buttons{width:50vw;display:flex;gap:1em;justify-content:center;align-items:center}.Page-buttons button{width:auto;background-color:transparent;color:var(--background);transition:all .2s}.Contact-div{width:20vw;display:flex;flex-direction:row;gap:1em;justify-content:flex-end}.Contact-div a{background-color:transparent;color:var(--background);transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:1em}.Contact-div a:hover,.Page-buttons button:hover{background-color:var(--text);box-shadow:0 0 .5em 0 var(--text)}.Contact-div a:active,.Page-buttons button:active{background-color:var(--secondary);box-shadow:inset 0 0 .5em 0 var(--textFade)}.Contact-div img{width:2em;height:2em;padding:.5em;transition:all .2s}.Menu{display:flex;flex-direction:column;gap:1em;align-items:center;justify-content:flex-end;background-color:var(--primary);height:0;transition:all .2s;overflow:hidden}.Menu-button{background-color:transparent;color:var(--background);transition:all .2s;align-items:center;justify-content:center;padding:0;height:5em;width:5em;display:none}.Menu.expanded{padding:3em 1em;height:60vh}.Menu-buttons{width:90vw;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:.1em solid var(--background)}.Menu-buttons button{width:90vw;border-radius:0;background-color:transparent;transition:all .2s;height:5em;border-bottom:.1em solid var(--background);color:var(--background)}.Menu-buttons button:active{background-color:var(--text)}.Contact-div-menu{width:auto;align-self:center;display:flex;flex-direction:row;gap:2em;justify-content:flex-end;margin-bottom:3em}.Contact-div-menu a{background-color:transparent;color:var(--background);transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:1em}.Contact-div-menu a:active{background-color:var(--text)}.Contact-div-menu img{width:3em;height:3em;padding:.5em;transition:all .2s}.Menu-button{position:relative;width:4em;height:4em;cursor:pointer}.bar{position:absolute;width:2em;height:.2em;background-color:var(--background);border-radius:.2em;transition:all .2s}.bar.expanded{transform:rotate(45deg)}.bar:first-child{transform:translateY(.5em)}.bar:first-child.expanded{transform:rotate(45deg) translateY(0)}.bar:last-child{transform:translateY(-.5em)}.bar:last-child.expanded{transform:rotate(-45deg) translateY(0)}@media (max-width: 1200px){.Title{font-size:1.777rem}}@media (max-width: 800px){.Header-bg.expanded{width:100vw;height:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5em 1em;box-sizing:border-box}.Menu-button{display:flex}.Title{width:100%}.Page-buttons,.Contact-div{display:none}}.Footer-bg{background-color:var(--text);overflow:hidden;height:0;transition:all .5s;color:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5em;padding:7em 0;display:none}.Footer-bg.expanded{height:35vh;display:flex}.Footer-buttons{display:flex;flex-direction:row;gap:5em}.Page-category{display:flex;flex-direction:column;gap:1em;width:auto;align-items:flex-start}.Page-category h5{color:var(--secondary)}.Page-category button{padding:0;width:auto;color:var(--background);background-color:transparent;transition:all .3s}.Page-category button:hover{transform:scale(1.1);text-decoration:underline}@media (max-width: 1000px){.Footer-buttons{flex-direction:column;gap:2em;align-items:center}.Page-category{box-shadow:.1em .1em .5em #000000c4;width:100%;padding:1em;align-items:center;border-radius:1em;background-color:var(--primaryFade)}.Footer-bg.expanded{gap:5em;padding:7em 0;height:fit-content}}.Homepage-wrapper{display:grid;grid-template-columns:7fr 3fr;padding:12vh 12vw;gap:7em;box-shadow:0 0 1em 0 var(--text) inset;border-radius:1em}.Homepage-column{display:flex;flex-direction:column;justify-content:start;max-height:100%}.Homepage-column h3{margin:0}.Intro{display:flex;flex-direction:column;gap:1em;max-width:75%;margin-bottom:5em;text-align:left}.Intro p{margin:0}.Landing-image{width:100%;height:auto;border-radius:1em;box-shadow:.1em .1em .5em 0 var(--textFade)}.Guide-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"guide1 guide2 guide2" "guide3 guide2 guide2";gap:1em;height:100%;margin-bottom:6em;margin-top:1em}.guide1,.guide2,.guide3{padding:2em;border-radius:1em;margin:0;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-items:start;text-align:left;box-shadow:.1em .1em .5em 0 var(--textFade)}.guide1{background-color:var(--text);grid-area:guide1;color:var(--background)}.guide2{background-color:var(--primary);display:flex;flex-direction:column;gap:1.5em;grid-area:guide2;color:var(--background);align-items:start;justify-content:center}.guide2 li{list-style-type:none}.List-title{font-weight:700}.guide3{background-color:var(--secondary);grid-area:guide3}.Post-grid{display:grid;grid-template-rows:1fr 1fr 1fr;height:100%;gap:2em;margin-top:2em}.Post-square{max-height:100%;max-width:100%;border-radius:1em;background-color:transparent;display:flex;flex-direction:column;gap:.5em;padding:1em;justify-content:space-between;transition:all .2s;cursor:pointer;box-shadow:.1em .1em .5em 0 var(--textFade);text-decoration:none;color:var(--text);background-color:var(--accentFade)}.Post-square:hover{background-color:var(--accent)}.Post-square:active{box-shadow:inset 0 0 .5em 0 var(--textFade)}.Post-square .image-container{position:relative;width:100%;padding-top:100%;border-radius:1em;overflow:hidden}.Post-square .image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.Post-content{display:flex;flex-direction:column;gap:.5em;text-align:left}.Post-content p{margin:0}.Post-content span{color:var(--textFade)}@media (max-width: 1200px){.Homepage-wrapper{grid-template-columns:7fr 4fr;padding:4vh 4vw;gap:3em}.Guide-wrapper{display:flex;flex-direction:column}}@media (max-width: 800px){.Homepage-wrapper{grid-template-columns:1fr;padding:4vh 6vw;gap:3em}.Intro{max-width:100%}}.About-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12vh 12vw;gap:7em;box-shadow:0 0 1em 0 var(--text) inset;border-radius:1em;width:100%}.About-wrapper img{box-shadow:.1em .1em .5em 0 var(--textFade)}.Content-entry-a{width:100%;display:grid;grid-template-columns:1fr 2fr;gap:4em;align-items:center}.Content-entry-a ul{padding:0}.Content-entry-a li{list-style-type:none;margin:0 0 1em;text-align:left;display:flex;flex-direction:column;align-items:start}.Content-entry-a h3{text-align:left}.Content-entry-a img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1em;box-sizing:border-box}.Content-entry-a small{text-align:center;margin:0;color:var(--textFade)}.Content-entry-b{width:100%;display:grid;grid-template-columns:2fr 1fr;gap:4em;align-items:center}.Content-entry-b ul{padding:0}.Content-entry-b li{list-style-type:none;margin:0 0 1em;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.Content-entry-b h3{text-align:left}.Content-entry-b img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1em;box-sizing:border-box}.Content-entry-b small{text-align:center;margin:0;color:var(--textFade)}@media (max-width: 1000px){.Content-entry-a,.Content-entry-b{display:flex;flex-direction:column;align-items:flex-start}.About-wrapper{padding:4vh 6vw}}.Experience-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:2em;padding:12vh 12vw;box-shadow:0 0 1em 0 var(--text) inset;border-radius:1em}.Job-entry{display:flex;flex-direction:row;gap:2em;padding:2em;border-radius:1em;box-sizing:border-box}.Job-entry img{height:4em;aspect-ratio:1/1;object-fit:cover;border-radius:1em;box-sizing:border-box}.Job-role-list{display:flex;flex-direction:column;gap:2em}.Experience-category{display:flex;flex-direction:column;gap:.5em;max-height:fit-content;overflow:hidden;max-height:0;transition:max-height .2s,margin-bottom .1s linear;margin-bottom:0}.Experience-category .Job-entry{opacity:0;transition:all .1s ease}.Experience-category.expanded{max-height:5000px;gap:2em;overflow:visible}.Experience-category.expanded .Job-entry{box-shadow:.1em .1em .5em 0 var(--textFade);background-color:var(--accentFade);opacity:1}.Experience-category-header{display:flex;flex-direction:row;gap:3em;align-items:center;padding-top:10px;border-top:2px solid var(--accent)}.Experience-category-header button{background-color:transparent;padding:0}.Experience-category-header-arrow{height:3em;width:3em;object-fit:cover;transform:rotate(90deg);transition:all .2s}.Experience-category-header-arrow.expanded{transform:rotate(270deg)}@media (max-width: 1000px){.Experience-wrapper{padding:4vh 6vw;width:100%;overflow:hidden;text-align:left}.Experience-category-header{display:flex;flex-direction:column;gap:.5em;align-items:flex-start;text-align:left}.Job-entry{flex-direction:column;gap:1em}.Job-entry img{height:6em;width:6em}.Experience-category.expanded{max-height:5000px}}.Projects-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:0em;padding:12vh 12vw;box-shadow:0 0 1em 0 var(--text) inset;border-radius:1em}.Projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;width:100%}.Project{display:flex;flex-direction:column;gap:2em;align-items:center;width:100%;justify-content:flex-start;padding:1em;background-color:var(--accentFade);text-align:justify;box-shadow:.1em .1em .5em 0 var(--textFade);border-radius:1.5em;color:var(--text);transition:all .2s ease}.Project:hover{background-color:var(--accent)}.Project:active{box-shadow:inset 0 0 .5em 0 var(--textFade)}.Project img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1em;box-sizing:border-box}.Description{display:flex;flex-direction:column;gap:1em;margin-bottom:1em;text-align:left}.Description.expanded{display:none}.Expanded-Content{display:flex;flex-direction:column;gap:1em}.Expanded-Content p{margin:0}.Expanded-Content a{color:var(--secondary);background-color:var(--primary);width:fit-content;padding:.7em;border-radius:1.5em}.Project-Detail{display:flex;flex-direction:row;gap:1em;align-items:center}.Tags{display:flex;gap:1em;color:var(--textFade);flex-wrap:wrap}.Arrow-Button{background-color:transparent;transition:all .2s;align-items:center;justify-content:center;cursor:pointer;height:fit-content;padding:0;align-self:center}.Arrow-Button img{height:2em;width:2em;object-fit:cover;border-radius:0}.Arrow-Button:hover{scale:1.1}.Tag-Selector{display:inline;padding:0 7em;margin:5em 0}.Tag-Selector h4{margin:0 0 1em .25em}.Tag-button{background-color:var(--primary);color:#fff;border-radius:1em;padding:.5em 1em;margin:.5em;transition:all .2s;box-shadow:0 0 .5em 0 var(--textFade)}.Tag-button.selected{background-color:var(--secondary);color:var(--text);box-shadow:inset 0 0 .5em 0 var(--textFade)}.Tag-button.selected:hover{background-color:var(--secondaryFade);color:var(--text)}.Tag-button:hover{background-color:var(--primaryFade);color:var(--text)}.Tag-button:active{background-color:var(--secondary);color:var(--text);box-shadow:inset 0 0 .5em 0 var(--textFade)}.Arrow-Button.expanded{transform:rotate(180deg)}.Learn-more{color:var(--secondary);font-weight:700}.Learn-more:hover{color:#fff}@media (max-width: 1200px){.Projects-wrapper{padding:4vh 4vw;width:100%;box-sizing:border-box}.Projects-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.Projects-wrapper{gap:5em;padding:4vh 6vw}.Projects-list{grid-template-columns:1fr}.Project{flex-direction:column;gap:1em;align-items:center;width:100%}.Project img{height:100%;aspect-ratio:1/1;height:auto}.Arrow-Button img{height:2em;width:2em}.Arrow-Button{transform:rotate(90deg)}.Arrow-Button.expanded{transform:rotate(270deg)}.Tag-Selector{padding:0;margin:0}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;transition:all .2s ease}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{background-color:var(--background);padding:80px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:70%;width:100%;position:relative;text-align:left;transition:all .2s ease}.modal-content.hidden{transform:translateY(-20%)}.close-button{position:absolute;padding:5px;top:3px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--primary)}.close-button:hover{color:var(--secondary)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--primary)}@media (max-width: 800px){.modal-content{width:90%;max-width:100%;padding:60px 40px;justify-content:center}.modal-header{white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}}:root{--text: #07133b;--background: #fffae5;--primary: #0f267b;--secondary: #77daaf;--accent: #5fc4dd;--backgroundFade: rgba(255, 250, 229, .3);--primaryFade: rgba(15, 38, 123, .2);--secondaryFade: rgba(119, 218, 175, .3);--accentFade: rgba(95, 196, 221, .3);--textFade: rgba(5, 13, 38, .6)}body{font-family:Urbanist;font-weight:500;text-align:justify}@media (max-width: 1000px){body{text-align:left}}h1,h2,h3,h4,h5{font-family:Urbanist;font-weight:700;margin:0;padding:0}html{font-size:100%}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}button{border:none;font:inherit;border-radius:.75em;padding:1em 2em;align-items:center;justify-content:center;cursor:pointer}html,body{margin:0;padding:0}