@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.header__container{display:grid;gap:13rem}.header__image img{max-width:100%;height:100%;object-fit:cover}.header__content h4{font-size:3rem;font-weight:400;color:var(--text-dark)}.header__content .section__header{font-size:4rem;font-weight:700}.header__content p{margin-bottom:2rem;color:var(--text-light)}.header__btn button:hover{background-color:(--primary-color)}*/.header{background-color:var(--secondary-color)}.nav__header{padding:2rem;width:25000px;display:flex;align-items:center;justify-content:space-between}.nav__logo a{display:flex;align-items:space-between;gap:.5rem;font-size:1.5rem;font-weight:600;color:var(--text-dark)}.nav__logo img{max-width:40px}.link a{color:var(--text-white);transition:.3s}.link a:hover{color:var(--primary-color)}.nav__menu__btn{font-size:1.5rem;color:var(--text-dark)}.toggleButton{width:100%;height:100px;display:flex;align-items:center;justify-content:flex-end}.toggleButton svg{font-size:50px}.toggleButton button{margin-right:20px;background-color:transparent;border:none;color:var(--primary-color-dark);cursor:pointer}#open{height:100vh}#open .links{flex-direction:column;justify-content:flex-start;margin-top:100px}#open a{width:100%;text-align:center}@media only screen and (max-width: 900px){.nav__header{display:none}.navbar a{width:70px}}@media only screen and (max-width: 600px){.nav__header{display:none}.toggleButton{display:flex}#close a{display:none}}@media only screen and (min-width: 800px){.toggleButton,.hiddenLinks{display:none}#open{height:100px}#open .links{flex-direction:row}}.footer{background-color:var(--secondary-color)}.footer__container{display:grid;gap:2rem}.footer__logo a{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;color:var(--text-dark)}.footer__logo img{max-width:40px}.footer__col p{margin-bottom:2rem;color:var(--text-light)}.footer__socials{display:flex;align-items:center;gap:1rem}.footer__socials a{padding:5px 10px;font-size:1.2rem;color:var(--text-light);border-radius:100%;border:1px solid var(--text-light)}.footer__socials a:hover{color:var(--primary-color);border-color:var(--primary-color)}.footer__col h4{margin-bottom:1.5rem;font-size:1.2rem;font-weight:500;color:var(--text-dark)}.footer__links a{display:block;margin-bottom:1rem;color:var(--text-light)}.footer__links a:hover{color:var(--primary-color)}.footer__bar{padding:1rem;font-size:.8rem;color:var(--text-light);text-align:center}.socialMedia{padding:10px}a{padding:10px;color:var(--text-light)}.Education{margin-top:100px}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.skill__grid{margin-top:4rem;display:grid;gap:2rem}.skill__card{position:relative;isolation:isolate;display:flex;flex-direction:column;cursor:pointer;transition:.3s}.skill__card .skill__bg{position:absolute;max-width:175px;top:-3rem;right:-1rem;z-index:-1;opacity:0;transition:.3s}.skill__card:hover .skill__bg{opacity:.5}.skill__card:hover{transform:translateY(-10px)}.skill__content{flex:1;padding:1rem;background-color:var(--text-dark);color:var(--white)}.skill__content h4{margin-bottom:5px;font-size:1.2rem;font-weight:500}.skill__content p{color:#005b41}.about__container{display:grid;gap:2rem}.about__image{position:relative;isolation:isolate}.about__image img{max-width:500px;margin:auto}.about__grid{margin-top:2rem;display:grid;gap:2rem}.about__card{display:flex;align-items:center;gap:1rem}.about__card span{padding:11px 19px;font-size:2rem;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:100%}.about__card h4{margin-bottom:.5rem;font-size:1.2rem;font-weight:500;color:var(--text-dark)}.about__card p{color:var(--text-light)}.projects{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.projects .projectTitle{text-align:center;color:#3e497a;font-size:60px;font-weight:bolder}.projectList{width:70vw;height:auto;display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.projectItem{border-radius:15px;width:300px;height:300px;margin:40px;box-shadow:0 3px 15px #0003;text-align:center}.projectItem:hover{box-shadow:0 3px 15px #00000080;transition:.3s ease-in;cursor:pointer}.projectItem .bgImage{border-top-left-radius:15px;border-top-right-radius:15px;width:100%;height:200px;background-position:center;background-repeat:no-repeat;background-size:cover}.projectItem h1{font-size:25px}@media only screen and (max-width: 1300px){.projectList{grid-template-columns:1fr 1fr}}.topper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:80vw;margin:0 auto;height:100vh}.project{width:100%;height:calc(100vh - 100px);display:flex;justify-content:center;align-items:center;flex-direction:column}.project h1{margin-top:50px;color:#005b41;font-size:35px;margin-bottom:40px}.project img{width:700px;border-radius:10px}.project b{color:#005b41}.project p{margin-top:100px;font-size:30px;color:#005b41}.project svg{margin-top:0;margin-bottom:0;font-size:60px;color:#f9fafa}.link{display:flex;justify-content:center;align-items:center;gap:50px}.link svg{height:17px}.link button{background-color:#005b41;border:none;color:#fff;padding:15px 32px;border-radius:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}.link button:hover{background-color:#01140e}@media only screen and (max-width: 1300px){.project img{width:400px;border-radius:10px}.project p{margin-top:100px;font-size:20px;color:#005b41}}@media only screen and (max-width: 800px){.projectList{grid-template-columns:1fr}}@media only screen and (max-width: 800px){.projectList{width:100%}.projectItem{width:300px;height:300px}}*{margin:0;padding:0;box-sizing:border-box;outline:none;font-family:Josefin Sans,sans-serif}.body2{display:flex;justify-content:center;align-items:center;margin-top:70px;margin-bottom:70px}.wrapper{max-width:350px;width:100%;background:#fff;padding:25px;border-radius:5px;border:1px solid black;box-shadow:4px 4px 2px #2f7000}.wrapper h2{text-align:center;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px;color:#332902}.wrapper .input_field{margin-bottom:10px}.wrapper .input_field input[type=text],.wrapper textarea{border:1px solid #e0e0e0;width:100%;padding:10px}.wrapper textarea{resize:none;height:80px}.wrapper .btns input[type=submit]{border:0px;margin-top:15px;padding:10px;text-align:center;width:100%;background-color:#005b41;color:#fcfbf7;text-transform:uppercase;letter-spacing:5px;font-weight:700;border-radius:25px;cursor:pointer}#error_message{margin-bottom:20px;background:#fd0008;padding:0;text-align:center;font-size:14px;transition:all .5s ease}:root{--primary-color: #005B41;--primary-color-dark: #003325;--secondary-color: #F5F7F8;--text-dark: #0f172a;--text-light: #64748b;--white: #ffffff;--max-width: 2500px}html,body{width:100%;height:100%;margin:0;padding:0}body{display:flex;flex-direction:column}*{padding:0;margin:0;box-sizing:border-box}.section__container{max-width:var(--max-width);margin:auto;padding:5rem 1rem}.section__header{position:relative;padding-bottom:.5rem;margin-bottom:1rem;font-size:2.25rem;font-weight:600;color:var(--text-dark)}.section__header:after{position:absolute;content:"";left:0;bottom:0;width:50px;height:3px;background-color:var(--primary-color---)}.section__description{max-width:900px;color:var(--text-light)}.btn{padding:.75rem 1.5rem;outline:none;border:none;font-size:1rem;white-space:nowrap;color:var(--white);background-color:var(--primary-color);border-radius:5px;cursor:pointer;transition:.3s}.btn:hover{background-color:var(--primary-color-dark)}img{display:flex;width:100%}a{text-decoration:none;white-space:nowrap}html,body{scroll-behavior:smooth}body{font-family:Poppins,sans-serif}nav{position:fixed;isolation:isolate;width:100%;z-index:9}.nav__links{position:absolute;top:68px;left:0;width:100%;padding:2rem;list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;background-color:var(--secondary-color);transition:.5s;z-index:-1;transform:translateY(-100%)}.nav__links.open{transform:translateY(0)}@media (width > 480px){.skill__grid{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}.project__grid{grid-template-columns:repeat(2,1fr);align-items:center}.project__card:nth-child(3){grid-area:2/2/3/3}.footer__container{grid-template-columns:2fr 1fr}}@media (width > 768px){nav{position:static;padding:2rem 1rem;max-width:var(--max-width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav__header{padding:0;background-color:transparent}.nav__menu__btn{display:none}.nav__links{position:static;padding:0;flex-direction:row;background-color:transparent;transform:none}.header__container{padding-block:0;grid-template-columns:repeat(2,1fr);align-items:center}.header__content{padding-block:5rem;grid-area:1/1/2/2}.about__container{grid-template-columns:repeat(2,1fr);align-items:center}.about__grid{gap:3rem}.skill__grid{grid-template-columns:repeat(4,1fr)}.project__grid{grid-template-columns:repeat(3,1fr)}.project__card:nth-child(3){grid-area:unset}.project__content{padding:2rem}.price__grid{grid-template-columns:repeat(3,1fr)}.footer__container{grid-template-columns:repeat(5,1fr)}.footer__col:first-child{grid-column:1/3}}@media (width > 1024px){.skill__grid{gap:2rem}}