body{margin:0;font-family:Montserrat,sans-serif}header{display:flex;justify-content:space-between;background-color:#dbead2;align-items:center;padding:0 0 0 20px;position:relative;box-shadow:0 5px 15px -2px #99a98f}header h1{font-size:30px;font-weight:400;border:1.5px solid black;padding:10px;margin:20px}.menu{margin:0 45px 0 0}.hamIcon{background-color:#6c8763;width:35px;height:5px;margin:6px 0;border-radius:10px}.menu:hover{cursor:pointer}header ul{list-style-type:none;position:absolute;top:70px;right:0%;background-color:#dbead2;width:100%;padding-bottom:100vh;padding-top:50px}header ul li{padding:20px;text-align:center;margin:0 auto}header ul a{text-decoration:none;color:#6c8763;font-weight:700;font-size:25px}header ul li:hover{color:#000;transition:border .3s}header ul li a:hover{color:#000;transition:color .3s}.active{color:#000}.x{content:"✕";font-weight:1000;font-size:30px;margin:0 50px 0 0;color:#6c8763}footer{background-color:#dbead2;margin:0;padding:20px 20px 20px 30px}footer span a{color:#000}footer h4{font-size:20px}footer ul{list-style-type:none}footer ul li{margin:5px 0 0;font-size:15px}footer ul li a{word-wrap:break-word}footer ul li span{display:none}.content h1,h2{font-size:30px;font-weight:500}hr{margin-bottom:20px;margin-top:20px;border-top:1.5px solid #a5b4a0;border-radius:10px}.top-cont{margin-bottom:50px}.top-cont img{width:100%}.top-cont div{width:90%;margin:0 auto}.top-cont div .name{font-weight:500;font-size:40px;text-align:left;margin-left:0}.top-cont div .home-h2{font-weight:400;font-size:20px}.middle-cont ul li span{display:none}.middle-cont ul{list-style-type:none}.middle-cont ul hr{margin-right:10%}.middle-cont ul li{font-size:30px}.middle-cont,.mission-cont{margin-bottom:50px}.mission-cont .mission-info .home-h2{font-weight:500;text-align:center;width:100%;margin:0 auto 20px;font-size:25px}.mission-cont div img{width:100%}.buttons{margin-bottom:50px}.buttons h3{font-weight:500;margin-left:20px;margin-right:20px;line-height:45px;font-size:20px}.buttons h3 span{background-color:#c1d0b5;padding:10px;border-radius:5px}.buttons h3 span a{color:#000;text-decoration:none}.content .imgCont img{width:100%}.content .imgCont{display:flex;flex-direction:column-reverse}.content .imgCont .mission-h1,p{text-align:center;width:90%;margin:30px auto 0}.info .provide li span{display:none}.info .provide{display:flex;flex-direction:column;justify-content:space-around;margin:0 50px 0 auto;list-style-type:none}.info .provide li{text-align:left;margin-bottom:50px;background-color:#dbead2;padding:20px;border-radius:5px;box-shadow:0 5px 15px -2px #99a98f}.content h2,h1{text-align:left;margin:50px 5% 30px}.content .provideHr{margin-bottom:50px}.info p{text-align:left;font-size:20px;margin-bottom:100px}.info p span a{color:#000;text-decoration:underline}.info p span a:after{color:#000}.info p span a:hover{color:#6c8763}.contact-form{width:75%;margin:50px auto 100px;background-color:#dbead2;padding:20px;border-radius:5px;box-shadow:0 5px 15px -2px #99a98f}.contact-form .input{display:flex;flex-direction:column}.contact-form .input label{font-size:20px;margin-top:10px}.contact-form input{height:20px;border-radius:4px;border:2px solid #dbead2}.contact-form input:focus{border:2px solid #6c8763;outline:none}.contact-form textarea:focus{border:2px solid #6c8763;outline:none}.contact-form textarea{height:100px;border-radius:4px;border:2px solid #dbead2}.contact-form .btnCont{display:flex;justify-content:center}.contact-form button{background-color:#99a98f;border:none;padding:10px;border-radius:5px;font-size:15px;margin-top:10px}.contact-form button:hover{cursor:pointer;background-color:#6c8763;transition:background-color .3s}.error{background-color:red;text-align:center;padding:5px;color:#fff}#projects{margin:50px 20px 100px;display:flex;flex-wrap:wrap;justify-content:space-around}.projectCont img{width:100%;height:300px;object-fit:cover;object-position:55% 55%}h3{font-size:23px;font-weight:500}.projectCont{background-color:#dbead2;padding:20px;border-radius:5px;box-shadow:0 5px 15px -2px #99a98f}.projectCont .project-info p{text-align:left;margin:0 0 20px}.project-info .links{display:flex;flex-direction:column;justify-content:center;width:200px}.project-info .links a{font-size:17px;margin:5px 0;text-decoration:none;color:#000;background-color:#a5b4a0;padding:10px;text-align:center;border-radius:4px}.project-info .links a:hover{background-color:#6c8763;transition:background-color .3s}.project-info .links .private{background-color:#a5b4a0;opacity:60%}.project-info .links .private:hover{opacity:60%;background-color:#a5b4a0}.input span{margin-top:5px}.resume{padding:10px;border-radius:5px;display:flex;flex-direction:column;margin-bottom:300px}.resume .dropdown div{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.resume .dropdown div svg{width:50px;height:50px}.resume .dropdown{width:85%;margin:0 auto}.resume .dropdown hr{margin-top:0}.resume .dropdown div:active{background-color:#dbead2;transition:background-color .3s;box-shadow:0 5px 15px -2px #99a98f;transition:box-shadow .3s}.resume div h3{font-size:17px;width:300px}.dropItems{width:85%;margin:0 auto 20px;border:2px solid #dbead2;border-top:none;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.dropItems.visible{max-height:1000px}.dropItems ul{list-style-type:none;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:20px 30px 20px auto}.resume .dropItems ul li{font-size:17px;margin:20px}.dropItems.edu ul li{margin:20px 10px}.blog{margin-bottom:50px}.blog h1{margin:0}.blog .blogposts{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin:20px 0}.blog .blogposts .blog-post-container{margin:20px;background-color:#dbead2;width:100%;color:#000;text-decoration:none;box-shadow:0 5px 15px -2px #99a98f}.blog .blogposts .blog-post-container:visited{color:#000}.blog .blog-post-container img{width:100%;height:300px;object-fit:cover}.blog .blog-post-container .blog-details{display:flex;flex-direction:column;justify-content:space-between;align-content:space-between;padding-bottom:20px}.blog .blog-post-container .blog-details .blog-title{text-wrap:wrap;margin:20px 20px 0}.blog .blog-post-container .blog-details div{display:flex;justify-content:space-between;margin:auto 20px 0;align-items:end}.blog .blog-post-container .blog-details div .author{text-align:start;align-self:end}.blog .blog-post-container .blog-details div .date{text-align:end;align-self:end}.blog-post-cont{width:90%;margin:50px auto}.blog-post-cont h1{width:100%;font-size:40px;margin:20px 0 50px}.blog-post-cont img{width:100%;height:350px;object-fit:cover}.blog-post-cont .blog-content h2{font-weight:600;font-size:30px;margin-top:40px}.blog-post-cont .blog-content h3{font-weight:600;font-size:27px;margin-top:40px}.blog-post-cont .blog-content p{font-size:25px;text-align:left;width:100%;margin:25px 0}.blog-post-cont .blog-content p a{color:#6c8763}.blog-post-cont .blog-content blockquote{font-size:25px;margin:0;padding-left:15px;border-left:5px solid #c1d0b5;display:flex;align-items:center}.blog-post-cont .blog-content ol li{margin-top:10px;font-size:20px}.blog-post-cont .blog-content ol li a{color:#6c8763}.blog-post-cont .blog-content ol li a:hover{color:#a5b4a0}.blog-post-cont .btn-cont{width:100%;display:flex;justify-content:end}.blog-post-cont .back-to-top{text-align:center;align-self:center;margin:0;width:150px;font-weight:500;padding:10px 0;background-color:#6c8763;color:#fff;border-radius:10px}.blog-post-cont .blog-details{display:flex;flex-direction:column;justify-content:space-between;margin:0 0 50px;width:100%}.blog-post-cont .blog-details p{background-color:#dbead2;font-size:15px;width:200px;padding:7px 0;text-align:center;margin:10px 0;border-radius:100px;box-shadow:0 5px 15px -2px #99a98f}.blog-post-cont .blog-content a{color:#6c8763;text-decoration:none}.blog-post-cont .blog-content a:hover{color:#a5b4a0}.mistake{object-position:0%}.blog-post-cont .blog-content ul li{font-size:25px;margin:10px 0}#color-list{list-style-type:none}#blue{color:#00f;font-weight:700}#green{color:green;font-weight:700}#purple{color:purple;font-weight:700}#red{color:red;font-weight:700}#yellow{color:#ff0;font-weight:700;background-color:#000;padding:7px}#orange{color:orange;font-weight:700}#white{color:#fff;font-weight:700;background-color:#000;padding:7px}#black{color:#000;font-weight:700}#brown{color:brown;font-weight:700}.blog-head-container{display:flex;justify-content:space-between;flex-direction:column;margin:30px 5% 0}.sub-form{display:flex;flex-direction:column;background-color:#dbead2;padding:20px;border-radius:10px;margin-top:25px}.sub-form div{display:flex;flex-direction:column}.sub-form div input{height:25px;margin:10px 10px 0 0;border-radius:4px;border:2px solid #99a98f;padding-left:10px}.sub-form div input:focus{border:2px solid #6c8763;outline:none}.sub-form button{padding:7.5px 10px;width:100px;margin-top:10px;background-color:#6c8763;color:#fff;border:none;border-radius:4px}@media (min-width: 970px){.menu{display:none}header h1{font-size:40px}header h1:hover{cursor:pointer}header ul li:hover{border-bottom:2px solid black}header .menu-items{position:relative;height:0vh;padding:0;top:30px;margin-right:30px}.active{color:#000}.activeLi{border-bottom:2px solid black}header ul li{border-bottom:2px solid #99a98f;border-radius:0;box-shadow:0 0}.menu-items li{display:inline;margin:15px;position:relative;top:-42px;padding:10px}.menu-items li a{font-size:20px}.close-menu{display:none}footer ul div{display:flex;justify-content:flex-start;width:500px}footer ul div li{margin:0 20px 0 0}footer a{color:#000}footer a:hover{color:#6c8763;transition:color .3s}footer h4{font-weight:400}.home{margin-top:0}.top-cont .home-img{width:50%}.home .top-cont{display:flex;background-color:#fff}.home .top-cont div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.home .top-cont div h1{font-size:40px;text-align:center;margin:0 auto}.home .top-cont div .home-h2{width:90%;text-align:center}.middle-cont ul hr{position:relative;right:5%}.middle-cont ul li{font-size:50px;list-style-type:none}.home{margin-bottom:100px}.top-cont h2,h3{font-weight:400}.home hr{width:75%;margin-top:50px;margin-bottom:50px}.middle-cont{margin-top:75px;width:75%;margin-left:7%;margin-bottom:75px}.middle-cont ul li{font-size:50px;list-style-type:none;margin:35px}.middle-cont ul .one{position:relative;right:6%}.middle-cont ul .two{position:relative;right:-35%;width:200px}.middle-cont ul .three{position:relative;right:-75%;width:200px}.middle-cont ul .twoHr{position:relative;right:-35%}.middle-cont ul .threeHr{position:relative;right:-75%}.middle-cont ul li span{position:relative;top:7px;right:5px;display:none}.middle-cont ul hr{width:40%;margin:0}.mission-cont{margin-top:100px}.mission-cont h2{color:#000;font-size:35px;margin:100px 0 0 50px}.mission-cont .missionHr{width:95%}.mission-cont .mission-info{display:flex;justify-content:space-between}.mission-cont .mission-info div{display:flex;justify-content:center;align-items:center;width:50%;margin:0 auto}.mission-cont div img{width:50%}.mission-cont .mission-info div h3{font-size:23px;font-weight:500;width:900px}.buttons{display:flex;justify-content:space-around;width:95%;margin:75px auto 0}.mobileHR{display:none}.buttons div hr{margin:0;width:100%}.buttons h3{font-size:30px;text-align:center}.buttons h3 span{background-color:#c1d0b5;padding:10px;border-radius:5px}.buttons h3 span:hover{cursor:pointer;text-decoration:underline}.provide,.list{list-style-type:none;margin-left:-20px}.provide li{font-size:20px;margin-bottom:30px}.provide li span{margin:10px 10px 10px 0;position:relative;top:8px;font-size:30px}.content .imgCont{flex-direction:row}.content .imgCont img{width:50%}.imgCont .about-info{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.imgCont .about-info hr{width:75%}.imgCont .about-info p{text-align:center;font-size:20px}.info .provide{flex-direction:row}.info .provide li{font-size:25px;width:330px}.info .provide li:hover{cursor:pointer;box-shadow:0 5px 15px -2px #000;transition:box-shadow .5s ease}.info p{width:65%;margin-left:100px}.info p strong span a:hover{cursor:pointer}#projects{display:flex;flex-wrap:wrap;justify-content:space-around}.projectCont img{width:400px;height:400px}.projectCont .project-info p{width:400px}#projects hr{display:none}.projectCont{margin-bottom:50px}.contact-form{width:400px}.resume .dropdown div h3{font-size:25px;width:1200px}.resume div hr{margin-top:0}.resume .dropdown div:hover{cursor:pointer;background-color:#dbead2;transition:background-color .5s;box-shadow:0 5px 15px -2px #99a98f;transition:box-shadow .3s}.resume .dropdown div svg{width:75px;height:75px;margin-left:30px}.resume .dropItems ul{flex-direction:row}.resume .dropItems ul li{font-size:25px}.blog .blogposts .blog-post-container{margin:50px auto 0}.blog .blogposts .blog-post-container:hover{cursor:pointer;opacity:75%;box-shadow:0 5px 15px -2px #000;transition:opacity .5s;transition:box-shadow .5s}.blog-post-cont .back-to-top:hover{cursor:pointer;opacity:70%;transition:opacity .3s}.blog .blogposts .blog-post-container{width:45%}.blog .blogposts .blog-post-container .blog-details{height:180px}.blog-post-cont{width:60%}.blog h1{font-size:35px}.blog-post-cont .blog-details,.sub-form{flex-direction:row}}@media (min-width: 970px){.buttons h3{font-size:20px}.content .imgCont .about-info p{font-size:17px}.content .imgCont img{width:50%}}@media (min-width: 1104px){.buttons h3,.content .imgCont .about-info p{font-size:20px}}@media (min-width: 1200px){.buttons h3{font-size:25px}}@media (max-width: 378px){.mission-cont .mission-info div h3{width:300px;font-size:20px;margin:0 auto 20px}}@media (max-width: 402px){header h1{font-size:20px}header ul{top:60px}.blogposts .blog-details .blog-title{font-size:20px}.blogposts .blog-details div p{font-size:15px}.blog-post-cont h1{font-size:30px}.blog-post-cont .blog-content h2{font-size:25px}.blog-post-cont .blog-content h3{font-size:23px}.blog-post-cont .blog-content p,.blog-post-cont .blog-content ul li{font-size:20px}}@media (max-width: 320px){header h1{font-size:15px}header ul{top:50px}}@media (min-width: 600px){.blog-head-container{flex-direction:row;align-items:center;margin:25px 5%}.sub-form{flex-direction:row;flex-direction:column}.sub-form button:hover{cursor:pointer;opacity:75%;transition:opacity .3s}}@media (min-width: 3000px){body{width:2500px;margin:0 auto}}