body{margin:0;padding:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.navBar{position:sticky;top:0;background-color:#2c702c;height:10vh;display:flex;justify-content:space-between;align-items:center;padding:0 1em}.homeButton a{color:#fff;font-weight:700;text-decoration:none;font-size:1.2em}.navOptions a{color:#fff;margin-left:1em;text-decoration:none;font-size:1.2em;transition:color .3s}.navOptions a:hover{background-color:#9641b4}.navOptions a:active{background-color:#fff;color:#000}.aboutMe{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:row}.aboutMe #hi{display:flex;flex-direction:column;font-size:2.5vh}.aboutMe>.about h2{margin-bottom:0;text-align:left;font-size:10vh}.aboutMe img{width:20em;height:30em}.aboutMe>.about{margin-right:5em}.intro{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:row}.intro_box{display:flex;flex-direction:column;margin-left:5em;margin-right:5em}.intro_box>h2,.experience_box>h2,.blog_box>h2,.contact_box>h2{font-size:10vh}.intro_para{display:flex;flex-direction:row}.intro_para img{width:20em;height:20em}.intro_para p{margin-top:10vh;font-size:2.5vh}.experience{display:grid;align-items:center;flex-direction:column}.experience_cards{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em}.experience_box{display:flex;margin-left:5em;margin-right:5em}.experience_box>h2{justify-self:left}.loadMore{display:inline-block;padding:12px 24px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;background-color:#3b6a3b;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-self:center}.blog{display:grid;align-items:center;flex-direction:column;min-height:100vh;margin-bottom:5em}.blog_box,.contact_box{display:flex;margin-left:5em;margin-right:5em}.blog_cards{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:5em;gap:1.5em}.blog>h2,.contact>h2{justify-self:left}.contact{display:grid;flex-direction:column;align-items:center}.contact_cards{display:flex;flex:1;flex-direction:row;padding-left:10%}.contact_info{display:flex;flex-direction:column;margin-bottom:1.5rem}.contact_info .linkedin,.contact_info .email,.contact_info .github{margin-bottom:1.5em;display:flex;flex-direction:row;font-size:2.5vh}.contact_info .linkedin img,.contact_info .email img,.contact_info .github img{height:5em;width:5em}.contact_img{margin-left:auto;margin-right:10%;width:20em;height:20em;padding:auto}.footer{width:100%;height:4%;background-color:#2c702c;margin-top:auto;left:0;right:0;text-align:center}.blog_grid{display:grid;grid-template-columns:repeat(2,1fr);grid-area:100%;row-gap:5em}@media (max-width: 768px){.aboutMe{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:5%;margin-right:5%}.navOptions a{font-size:1em;margin-left:.5em}.aboutMe>.about{margin-left:4em}.aboutMe>.about h2{margin-bottom:0;text-align:left;font-size:5vh}.aboutMe img{width:50%;height:50%}.aboutImage{display:flex;align-items:center;justify-content:center}.intro_box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:5%;margin-right:5%}.intro_para p{margin-top:5%;font-size:2vh}.intro_para img{width:40%;height:auto}.intro_para{display:flex;flex-direction:column;justify-content:center;align-items:center}.intro_box>h2,.experience_box>h2,.blog_box>h2,.contact_box>h2{font-size:8vw}.experience_box{display:flex;flex-direction:column;justify-content:center;align-items:center}.blog{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column}.contact_img{display:none}.contact{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;margin-top:10em}.contact_info{display:flex;flex-direction:column}.contact_cards{display:flex;flex-direction:row;padding:0}.blog_grid{display:grid;grid-template-columns:repeat(1,1fr);row-gap:10em}.experience_cards h2{font-size:1em}}.blogCard{border:1px solid #ccc;border-radius:4px;padding:20px;box-shadow:0 2px 4px #0000001a;width:70%;height:100%;background-color:#fff;transition:box-shadow .3s ease}.blogCard:hover{box-shadow:0 1em 1em #0e862ea3}.blogCard img{width:100%;height:50%}.blogCard button{padding:.625em 1.25em;font-size:1em;background-color:#3c8b3c;color:#fff;border:none;border-radius:.3125em;cursor:pointer}.blogCard button:hover{background-color:#007bff}.center-container{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.blogCard{border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;width:70%;height:100%;background-color:#fff;transition:box-shadow .3s ease;display:flex;flex-wrap:wrap;font-size:.7 em}.blogCard img{width:100%;height:50%;display:inline-block}.blogCard button{display:inline-block}.blogCard h2{display:inline-block;font-size:1.2em}.blogCard p{font-size:.8em}}.card{border:1px solid #ccc;border-radius:4px;padding:20px;box-shadow:0 2px 4px #0000001a;width:50%;height:50%;background-color:#fff;transition:box-shadow .3s ease}.card:hover{box-shadow:0 1em 1em #0e862ea3}.header{display:grid}.title{grid-column:1}.logo{grid-column:2;justify-self:end}.more-info-btn{display:inline-block;padding:12px 24px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;background-color:#5fb45f;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-self:center}.more-info-btn:hover{background-color:#449b44;box-shadow:0 5px 15px #915cb666}.more-info-btn:active{background-color:#3c8b3c}.button-container{display:flex;justify-content:center;align-items:center}.expanded-card-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}.more-info-card{position:fixed;width:50%;height:50%;background-color:#fff;padding:2em}.more-info-card li{padding:.2em}.close-button{display:inline-block;padding:10px 16px;font-size:10px;font-weight:700;text-align:center;text-decoration:none;background-color:#3b6a3b;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;align-self:center;margin-top:1em}.logo img{width:7em;height:6em}@media (max-width: 768px){.logo img{width:4em;height:4em}.card p{font-size:.8em}}