@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Lilita+One&family=Roboto+Slab:wght@400;700&display=swap";:root{font-family:Roboto Slab,serif;line-height:1.5;font-weight:400;background-color:#264143;color:#fefbe9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#site-name{color:#fefbe9}a:hover{color:#f0a04b}h2{font-family:Lilita One,cursive;text-align:center}h3{font-family:Lato,sans-serif;text-align:center}header{background-color:#264143;margin:0;padding:10px 100px;display:flex;justify-content:space-between;align-items:center}nav ul{list-style:none;padding:0;margin:0;gap:1rem;display:flex}header a{text-decoration:none;color:#fefbe9}.intro-section{padding:50px 200px 30px;text-align:center}h1{font-family:Lilita One,cursive;color:#e67bb0;font-size:50px;margin:0}.jobTitle{font-family:Roboto Slab,serif;font-weight:700;margin:0;color:#e1eedd}.langList{display:flex;justify-content:center;gap:20px;font-size:18px}.about-section{padding:50px 100px;background-color:#fefbe9}.about-section h2{color:#264143}.about-section p{color:#264143;margin:0}.project-container{padding-top:50px;padding-bottom:50px;background-color:#e1eedd}.project-container h2{color:#264143}.project-section{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.project-section a{font-weight:500;color:#e67bb0;text-decoration:inherit}.project-section a:hover{color:#f0a04b}.projectBox{width:25%;padding:30px 20px;margin-right:10px;margin-bottom:10px;text-align:center;border-radius:20px;border:1px solid #fefbe9;background-color:#fefbe9}.projectBox p{color:#264143}.projectBox img{width:300px;align-content:center}.projectBlurb{text-align:left;margin:15px}.projectUsed{border-radius:10px;color:#e67bb0}.contact-section{padding-top:50px;padding-bottom:50px;background-color:#264143;text-align:center}.contactLinks{display:flex;flex-direction:row;justify-content:center;gap:10px;align-items:center;font-size:50px}.contactLinks a{color:#e67bb0}.contactLinks a:hover{color:#f0a04b}footer{padding-left:100px;padding-right:100px}@media screen and (max-width: 1024px){.intro-section,#about,.contact-section{padding-left:20px;padding-right:20px}.intro h1{font-size:36px}.jobTitle{font-size:24px}.langList{font-size:16px}.projectBox{width:50%}}@media screen and (max-width: 768px){.intro-section,#about,.project-container,.contact-section{padding-left:10px;padding-right:10px}.intro h1{font-size:24px}.jobTitle{font-size:20px}.langList{font-size:14px}.blurb p{font-size:16px}.projectBox{width:100%;margin-right:0}}