@import"https://fonts.googleapis.com/css2?family=Baskervville&family=League+Spartan:wght@200;400;500;600;700;800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";.HeaderMobile{position:static;margin-right:1rem;padding:20px;text-align:right;justify-content:right;color:var(--second-color)}.HeaderMobile h2{cursor:pointer;padding:10px;border:1px solid black;background-color:var(--main-bg);position:fixed;top:10px;right:20px;font-family:var(--primary-font);font-size:1rem;font-style:italic;transition:all .2s ease-in-out}.HeaderMobile h2:hover{background-color:var(--main-color)}.HeaderMobile div{float:right}.NavBar{padding:0}.NavBar ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;padding:0;margin:0;text-align:center}.NavBar li{list-style:none;border-left:1px solid var(--font-color);padding:30px 20px;cursor:pointer;transition:all .2s ease-in}.NavBar li:hover{background-color:var(--main-color)}.NavBar a{color:var(--font-color);text-decoration:none}.MobileMenu{position:fixed;top:80px;right:20px;background-color:var(--main-bg);font-size:1rem;border:1px solid black}.MobileMenu .NavBar ul{display:flex;flex-flow:column}.MobileMenu .NavBar li{border:0px}.HeaderDesktop{border:1px solid var(--font-color);margin:20px auto auto;width:85%;display:flex;justify-content:space-between;align-items:center}.HeaderDesktop h3{padding-left:20px;width:2rem;font-family:var(--primary-font);font-style:italic;cursor:pointer;transition:all 1s ease-in-out}.HeaderDesktop h3:hover{width:2rem;rotate:360deg}.HeaderDesktop a{color:var(--font-color);text-decoration:none}.AboutMe{display:flex;gap:4rem;word-wrap:break-word;justify-content:space-between}.AboutMe img{border-radius:400px;max-width:360px;width:30%;height:50%;object-fit:cover}.AboutMe div{display:flex;flex-flow:column;flex-wrap:wrap;word-wrap:break-word;width:70%}.AboutMe p{line-height:44px;font-size:1rem}.AboutMe span{display:flex;justify-content:space-around;font-size:1.5rem;color:var(--main-color)}.AboutMe a{color:var(--second-color)}.BodyMobile .AboutMe{display:flex;flex-flow:column;gap:2rem}.BodyMobile .AboutMe div{width:100%}.BodyMobile .AboutMe img{width:70%}.FeaturedProjects{margin-top:2rem;padding-top:1rem}.FeaturedProjects .Info{display:flex;gap:2rem;margin:1rem 0px 2rem}.FeaturedProjects img{width:50%;height:100%;object-fit:contain;border-radius:10px;border:2px solid var(--font-color)}.BodyMobile .FeaturedProjects .Info{display:flex;flex-flow:column-reverse;gap:5px}.BodyMobile .FeaturedProjects img{width:100%;margin-top:2rem}.BodyMobile .FeaturedProjects .Project .tags{display:flex}.Project{margin-top:2rem;line-height:32px;font-size:24px}.Project img{border:2px solid var(--font-color)}.Project .title{max-height:300px;min-height:160px}.Project h4{font-size:1.5rem;line-height:2rem}.Project .title p{line-height:2rem}.Project .tags{padding:0;display:flex;flex-flow:column;gap:24px}.Project .tags .name{list-style:none;font-weight:600;padding:0}.Project .tags li{font-weight:400;list-style:none}.Project .tags ul{padding:0}.Project .tags .skills ul{padding-left:30px}.Project .tags .skills li{list-style:disc}.Project .links{margin-top:1rem;width:100%;display:flex;gap:2rem}.Project a{color:var(--font-color);text-decoration:none;border:2px solid;padding:15px;font-weight:600;font-size:17px;line-height:1rem;text-align:center}.Project a:hover{background-color:var(--main-color);transition:all .2s ease-in-out}.BodyMobile .Project .tags{display:none}.BodyMobile .Project .title{height:auto}.MoreProjects{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;gap:2rem;margin-bottom:100px;flex-wrap:wrap}.MoreProjects img{width:100%;object-fit:contain;border-radius:10px}.MoreProjects h4{margin:1rem 0px}.BodyMobile .MoreProjects{display:flex;flex-flow:column}.BodyMobile{margin:auto;width:75%;display:flex;flex-flow:column;gap:1rem}.BodyMobile h1{font-family:var(--header-font);font-size:3rem;margin-bottom:0;text-transform:uppercase}.BodyMobile h2{font-family:var(--primary-font);font-size:1.5rem;font-style:italic;letter-spacing:1.5px;margin-top:10px;color:var(--main-color)}.BodyMobile h3{font-family:var(--header-font);font-size:2rem;margin:0;color:var(--main-color)}.BodyMobile h4{font-family:var(--primary-font);font-size:1.5rem;font-style:italic;font-weight:400;margin:0}.BodyDesktop{margin:auto;width:75%;display:flex;flex-flow:column;gap:2rem}.BodyDesktop h1{font-family:var(--header-font);font-size:3rem;margin-bottom:0;text-transform:uppercase}.BodyDesktop h2{font-family:var(--primary-font);font-size:1.5rem;font-style:italic;letter-spacing:1.5px;margin-top:10px;color:var(--main-color)}.BodyDesktop h3{font-family:var(--header-font);font-size:2rem;margin:0;color:var(--main-color)}.BodyDesktop h4{font-family:var(--primary-font);font-size:2rem;font-style:italic;font-weight:400;margin:0}.Footer{height:200px;background-color:var(--main-color);display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--main-bg);padding:1rem}.FooterMobile{height:200px;background-color:var(--main-color);display:flex;flex-flow:column;align-items:left;justify-content:left;color:var(--main-bg);padding:1rem}.FooterMobile .Contact{flex-flow:column;padding:0}.FooterMobile p{align-self:center}.Contact{display:flex;justify-content:space-around;gap:20px;padding:40px;background-color:var(--main-color);text-align:}.Contact span{word-spacing:10px;padding:10px;line-height:2}.Contact a{text-decoration:none;color:var(--main-bg)}:root{font-family:League Spartan,serif;font-size:20px;--primary-font: "Libre Baskerville", serif;--header-font: "League Spartan", serif;--p-font: "League Spartan", serif;--main-bg: #F2EEEB;--main-color: #238C6E;--second-color: #004F2D;--font-color: #0D0D0D;background-color:#f2eeeb;color:#0d0d0d}html{scroll-behavior:smooth}body{margin:0}