header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--whiteTransparent);z-index:1000}.header-logo{width:2.5rem}.navigation ul{list-style-type:none;display:flex;justify-content:space-between;gap:1rem}.navigation ul li{font-family:dunbar-tall,sans-serif}.navigation ul li:hover{color:var(--blue)}.introduction-section{padding:5rem 0 4rem}.introduction-wrapper{display:flex;flex-direction:column;gap:2rem;align-items:end}.headings-introduction{margin-bottom:1rem}.dark-h2-introduction{color:var(--blue);text-align:end}.dark-h3-introduction{text-align:end;margin-bottom:0rem}.text-wrapper .bodytext{text-align:end;margin-bottom:0}.arrow{height:2rem;width:auto}.arrow{margin:20px 0 0;display:flex;justify-content:center;animation:moveUpDown 1s linear infinite}@keyframes moveUpDown{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-10px)}}@media (max-width: 455px){.text-wrapper{display:flex;flex-direction:column}.headings-introduction{max-width:70%;align-self:flex-end}}@media (min-width: 744px){.introduction-wrapper{margin:128px 64px;display:grid;grid-template-columns:1fr 13rem;column-gap:22px}.image-cropper{align-self:center;grid-column:2}.dark-h2-introduction{font-size:56px}.text-wrapper{justify-self:flex-end;align-self:center;max-width:30rem;grid-row:1}.introduction-section .image-cropper{align-self:start}.image-cropper>img{margin-top:0}}@media (min-width: 1279px){.introduction-section{display:flex;flex-direction:column;align-items:center}.introduction-wrapper{max-width:840px}}.tech-section{background-image:url(../banner.png);background-size:cover;background-position:center;background-color:var(--blue);color:var(--white);padding:8rem 1rem;border-top:solid 2px var(--black);border-bottom:solid 2px var(--black);margin:0 -1rem}.tech-wrapper{display:flex;flex-direction:column;gap:4rem;align-items:center}.headings-tech{display:flex;align-items:center}.tech-p{font-family:dunbar-tall,sans-serif;font-weight:600;font-size:1.5rem;text-shadow:1px 1px 2px var(--black);text-align:center;max-width:600px}@media (min-width: 744px) and (max-width: 1279px){.body-bold{max-width:600px;text-align:center}}@media (min-width: 1280px){.tech-section{display:flex;justify-content:center}.tech-wrapper{width:747px;display:flex;flex-direction:row}.tech-p{max-width:500px}}.button{display:inline-block}.button a{display:inline-block;background-color:#fff;color:#333;font-family:dunbar-tall,sans-serif;font-weight:600;font-size:1rem;padding-right:11px;text-decoration:none;border-radius:25px;width:100%}.button img{height:2rem;width:2rem}.demo-button:hover img{content:url(/assets/live-demo-light-48e049dc.svg)}.code-button:hover img{content:url(/assets/github-light-c189d6b3.svg)}.button-content-wrapper{display:flex;align-items:center}.btn-wrapper-projects{display:flex;flex-direction:column;gap:.5rem}.button a:hover{background-color:var(--blue);color:var(--white);fill:var(--white)}@media (min-width:450px){.btn-wrapper-projects{flex-direction:row}.button{width:100%}}.featuredprojects-section{display:flex;flex-direction:column;padding:128px 16px}.headings-featured-projects{text-align:center;display:flex}.projects-list{padding:64px 0}.projects-list-item{list-style-type:none;padding:16px 0}.project-img{border-bottom:solid 10px var(--plum);border-left:solid 10px var(--plum);height:200px;width:100%;object-fit:cover;margin-bottom:24px}.tag{margin-bottom:24px;max-width:100%}.tag ul li{list-style-type:none;display:inline;margin-right:4px;padding:2px 6px;color:var(--white);background-color:#000;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}@media (min-width: 744px){.featuredprojects-section{display:flex;align-items:center}.featuredprojects-wrapper{max-width:660px}.headings-featured-projects{display:block;text-align:left}.projects-list-item{display:flex;gap:37px}.projects-list-item-info{width:430px}.project-img{height:280px;width:200px}}@media (min-width: 1279px){.featuredprojects-wrapper{max-width:850px}.project-img{width:280px}}.mywords-section{margin:0 -16px;background-color:#fff;z-index:2;position:relative}.mywords-section-content{display:flex;justify-content:center}.mywords-wrapper{margin:0 16px;display:flex;flex-direction:column;align-items:center;position:relative;padding:128px 16px}.wavy-line-wrapper{z-index:2;position:relative;top:-13px;overflow:hidden}.mywords-h2{color:var(--deepGreen);text-align:center}.single-article{padding:64px 0;display:flex;flex-direction:column;gap:8px}.article-img{border-bottom:solid 10px var(--deepGreen);border-left:solid 10px var(--deepGreen);height:200px;width:100%;object-fit:cover;margin-bottom:10px}.article-date{width:fit-content;padding:2px 6px;color:#fff;background-color:#000;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}@media (min-width: 600px){.mywords-h2{display:block;text-align:left}.article-img{height:400px}}@media (min-width: 800px){.article-cards{display:grid;grid-template-columns:1fr 1fr;column-gap:98px}}.skills-section{margin:0 -1rem;background-color:var(--blue)}.skills-wrapper{margin:0 16px;display:flex;flex-direction:column;align-items:center;padding:128px 16px;gap:64px}.single-list-wrapper{width:100%;margin-bottom:16px}.sub-heading-skills{width:fit-content;margin:0 auto 16px;background-color:var(--plum);color:var(--white)}.skills-list{display:flex;flex-direction:column;align-items:center;color:var(--white)}.skills-list p{margin-bottom:0}@media (min-width: 600px){.all-lists-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.sub-heading-skills{display:inline-block}.skills-list{align-items:start}}@media (min-width: 900px){.all-lists-wrapper{grid-template-columns:repeat(4,1fr)}}.social-media-wrapper{display:flex;gap:32px}.social-media-wrapper a img{height:40px;width:40px}.linkedin-icon:hover{content:url(/assets/linkedin-7d97d8ac.svg)}.github-icon:hover{content:url(/assets/github-089b345b.svg)}.instagram-icon:hover{content:url(/assets/instagram-c6531321.svg)}.footer{margin:0 -1rem;padding:2rem 0rem;position:relative;overflow:hidden;background-color:var(--blue)}.moving-text{white-space:nowrap;animation:moveLeftToRight 10s linear infinite;font-family:dunbar-tall,sans-serif;font-weight:600;font-size:20px;color:var(--white)}@keyframes moveLeftToRight{0%{transform:translate(100%)}to{transform:translate(-100%)}}:root{margin:0px 1rem;font-size:1.2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--black: #0e0e0e;--light: #c5d1d5;--white: #fff;--whiteTransparent: rgb(197, 209, 213, .5);--deepGreen: #455a00;--plum: #222245;--hover: #a9bb6c;--blue: #336897;background-color:var(--light)}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica,sans-serif;font-weight:100}h1{font-weight:100;font-size:larger}h2{font-size:3rem;line-height:.9;font-family:dunbar-tall,sans-serif;font-weight:700;font-style:italic;margin-bottom:1rem}.dark-h2{color:var(--plum)}.light-h2{color:var(--white)}h3{font-size:1.5rem;line-height:.9;font-family:dunbar-tall,sans-serif;letter-spacing:.1rem;margin-bottom:1rem}.bodytext{margin-bottom:1rem}.intro-body{text-align:end}.body-bold{font-family:dunbar-tall,sans-serif;font-size:1.2rem}.image-cropper{border-radius:.5rem;overflow:hidden;display:inline-block;position:relative;width:12rem;height:12rem}.image-cropper>img{width:100%;height:auto;margin-top:-15px}.letstalk-section{padding:5rem 0 4rem;display:flex;flex-direction:column;align-items:center;gap:4rem}.info-wrapper{display:flex;flex-direction:column;align-items:center;color:var(--black)}.info-wrapper>h2{text-align:center}@media (min-width: 800px){.letstalk-section,.info-wrapper{align-items:center}}