#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{margin:40px 0 0}.jobTitle{font-style:italic;font-size:1em}.profileImage{width:150px;border-radius:100px}.intro{margin-bottom:30px}.aboutMeText{text-align:justify;margin:auto;width:260px;font-size:.8em}.aboutMeTitle,.projectH2{font-size:1em}.navBar{min-width:260px;list-style-type:none;margin:0;padding:30px 0;display:flex;flex-direction:row;justify-content:space-evenly}.projectItem,.projectItemFullStack{width:260px}.navItem,.currentPageNavItem{margin:0 20px;padding:20px}.navItem:hover,.currentPageNavItem:hover{border-radius:50px}.currentPageNavItem{border-radius:50px;border-style:solid;border-width:5px}.pageNotFound{padding:20px 30px;width:200px;font-size:.8em}.projectList{list-style-type:none;padding:0}.projectCard{border:solid 5px;border-radius:20px;margin-bottom:10px;display:flex;flex-direction:column}.projectImage{width:250px;margin-top:20px}.projectImageContainer .projectImage{width:250px;margin:20px auto 0}.projectImageCropped{width:250px;height:100px;object-fit:cover;object-position:left top;margin:0 auto}.seeMoreButton{padding:0;width:150px;margin:5px auto}.seeMoreLink{display:block;width:144px;height:50px}.seeMoreText{height:20px;margin:0;padding-top:15px}.externalLink{display:block;color:#ffffffde;background-color:#0c2d48;margin:10px auto;width:200px;border:10px #0C2D48 solid;border-radius:10px}.externalLink:hover{background-color:#145da0;border:10px #0C2D48 solid}.projectItem,.projectItemFullStack{font-size:.75em}.projectCreatedInfo{margin:auto;padding:0;list-style:none}.footer{font-size:.5em;margin-top:75px;display:block}@media screen and (min-width: 480px){.intro{margin-bottom:40px}.jobTitle{font-style:italic;font-size:1.4em}.projectH2{font-size:1.2em}.aboutMeTitle{font-size:1.5em}.aboutMeText{width:320px;font-size:1em}.profileImage{width:200px;border-radius:100px}.navBar,.projectItem,.projectItemFullStack{width:320px}.pageNotFound{width:200px;padding:20px 60px}}@media screen and (min-width: 600px){.aboutMe{display:grid;grid-template-columns:200px 1fr;grid-template-rows:min-content 1fr}.aboutMeTitle{grid-area:1 / 2 / 2 / 3;text-align:left;padding-left:30px}.profileImage{grid-area:2 / 1 / 3 / 2}.aboutMeText{margin:0;padding-left:30px;grid-area:2 / 2 / 3 / 3}.navBar,.projectItem,.projectItemFullStack{width:550px}.pageNotFound{padding:20px 100px;width:350px;font-size:1.5em}.projectList{display:flex;flex-wrap:wrap;gap:5px;width:550px;justify-content:center}.projectCard{min-width:250px}.projectDescription,.projectTechStack{width:350px;margin:12px auto}.projectImage,.projectImageContainer .projectImage{width:350px}}@media screen and (min-width: 1000px){#root{display:flex;flex-direction:column;width:1000px}.aboutMe{display:grid;grid-template-columns:200px 650px;grid-template-rows:min-content 1fr;margin:0 auto}.aboutMeText{width:90%}.profileImage{grid-area:1 / 1 / 3 / 2;margin-top:auto}.navBar{width:850px;margin:auto}.projectItem,.projectItemFullStack{width:800px;margin:0 auto}.pageNotFound{padding:20px 250px;width:500px;font-size:2em}.projectList{display:flex;flex-wrap:wrap;gap:5px;width:850px;margin:16px auto}.projectCard{min-width:250px}.projectGridFullStack{display:grid;grid-template-columns:400px 400px;grid-template-rows:1fr}.projectItem{display:grid;grid-template-columns:400px 400px;grid-template-rows:min-content 50px min-content}.projectGridFullStack{grid-area:2 / 2 / 4 / 3}.projectTitle{grid-area:1 / 1 / 2 / 3;margin-bottom:20px}.projectImage,.projectImageContainer{grid-area:3 / 1 / 4 / 2;margin:auto;width:400px}.projectImageContainer .projectImage{margin:0;width:400px}.projectH2{grid-area:2 / 1 / 3 / 2}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#145da0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0 auto;display:flex;min-height:100vh}h1{font-size:2.2em;line-height:1.1}video{width:100%;height:auto}.video{margin-bottom:6vh}.projectCard{border-color:#0c2d48}button{border-radius:8px;border:3px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#0c2d48;color:#ffffffde;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ffffffde}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.seeMoreText{color:#ffffffde}.navBar{background-color:#0c2d48}.navItem,.currentPageNavItem,.navItem:hover,.currentPageNavItem:hover{color:#ffffffde}.navItem:hover{background-color:#145da0}.currentPageNavItem{border-color:#ffffffde}.only-on-dark{display:block}.only-on-light{display:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#ddffe7}.projectCard{border-color:#29a0b1}button{border-color:#29a0b1;background-color:#29a0b1}button:hover{border-color:#213547;background-color:#29a0b1}.seeMoreText{color:#ddffe7}.navBar{background-color:#29a0b1}.navItem,.currentPageNavItem,.navItem:hover,.currentPageNavItem:hover{color:#ddffe7}.navItem:hover{background-color:#213547}.currentPageNavItem{border-color:#ddffe7}.externalLink{color:#ddffe7;background-color:#29a0b1;border:10px #29A0B1 solid}.externalLink:hover{background-color:#213547;border:10px #213547 solid}.only-on-dark{display:none}.only-on-light{display:block}}@media screen and (min-width: 480px){:root{line-height:1.5;font-weight:400}h1{font-size:3.2em;line-height:1.1}button{padding:.6em 1.2em;font-size:1em;font-weight:500}}