.Title{display:inline-block;font-family:Montserrat;margin-bottom:20px}.Title:after{content:"";display:block;width:50px;border-top:3px solid #9fd356}.Blog{padding:30px;background:#f2f2f2}.BlogList--Container{display:grid;grid-gap:20px;gap:20px}@media screen and (min-width:960px){.BlogList--Container{grid-template-columns:repeat(3,1fr)}}.BlogPost{display:flex;flex-direction:column;background:#ddd;border-radius:10px;filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.BlogPost--Header img{width:100%;height:200px;border-radius:10px 10px 0 0;-o-object-fit:fill;object-fit:fill}.BlogPost--Body{padding:15px;background:#ddd;color:#222;border-radius:0 0 10px 10px;flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.BlogPost--Body h2{font-size:1.2rem;margin-bottom:5px;color:#222}.BlogPost--Body a{text-decoration:none;color:#222}.BlogPost--Footer{margin-top:10px}.FeaturedBlogPost{margin-bottom:20px}@media screen and (min-width:960px){.FeaturedBlogPost{margin-bottom:20px}.FeaturedBlogPost .BlogPost{display:flex;flex-direction:row-reverse}.FeaturedBlogPost .BlogPost--Header{width:30%;height:100%;background:#ddd;margin:auto 0;border-radius:0 10px 10px 0}.FeaturedBlogPost .BlogPost--Header img{border-radius:0 10px 10px 0;height:250px;margin-top:5px;margin-right:10px}.FeaturedBlogPost .BlogPost--Body{border-radius:10px 0 0 10px;margin:0}}.Footer{background:#222;padding:30px 0;color:#eee}.Footer .container{padding:0}.Footer--Info{text-align:right;display:flex;justify-content:center}.Footer--Info div{margin-inline:5px}.Footer .grid{display:grid;text-align:center}.Footer .grid a{color:#eee;text-decoration:none}.Footer--Icons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px}.Footer--Icons a{color:#fff!important;height:20px;width:20px}@media screen and (min-width:760px){.Footer--Info{justify-content:flex-end}.Footer .grid{grid-template-columns:1fr 1fr;text-align:left}}.social-icons{display:flex}.social-icons .icon{padding:15px;display:flex;font-size:1.5rem;color:#fff;flex:1 1;max-height:70px}.social-icons .icon-linkedin{background:#0a66c2}.social-icons .icon-linkedin:hover{background:#0959aa}.social-icons .icon-facebook{background:#3b5998}.social-icons .icon-facebook:hover{background:#344e86}.social-icons .icon-github{background:#171515}.social-icons .icon-github:hover{background:#0a0909}.social-icons .icon-twitter{background:#00acee}.social-icons .icon-twitter:hover{background:#009ad5}.Menu--ContactInfo a{text-decoration:none;margin:5px 0;display:inline-block;font-weight:700;color:#fff}.Menu--ContactInfo p{color:#fff}.Menu--Nav{display:flex;justify-content:center}.Menu--Nav ul li{margin:10px 0;list-style:none;text-align:left}.Menu--Nav ul li:first-child{margin-top:0}.Menu--Nav ul li a{color:#eee;text-decoration:none;font-size:14px}.Menu--Nav ul li a.active{color:#ccc;position:relative}.Menu--Nav ul li a.active:before{content:"";height:5px;width:20px;background-color:#ccc;display:inline-block;position:absolute;left:-25px;top:50%;transform:translateY(-50%)}@media screen and (min-width:960px){.Menu--ContactInfo a,.Menu--Nav ul li a{font-size:18px}}.hero{background-color:#f2f2f2;position:relative;height:100vh;width:100vw;padding:20px;display:flex;justify-content:center;align-items:center}.hero--left p{font-size:1rem;font-family:Roboto;margin-bottom:20px}.hero--left .btn--hero{padding:15px;background:#3c91e6;color:#eee;border:1px solid #222}.hero--left .btn--hero:hover{background:#2584e3}.hero--left .btn--outline{padding:15px;border:1px solid #222}.hero--left .btn--outline:hover{background:#3c91e6;color:#eee}.hero--right{height:150px;width:150px;display:none}.hero--right img{height:100%;width:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:960px){.hero{width:100%}.hero .grid{display:flex;align-items:center}.hero--left p{font-size:1.6rem}.hero--right{display:block;height:300px;width:300px}}.gradient-text{background-image:linear-gradient(to bottom right,#247ba0,#011d34);background-clip:text;-webkit-background-clip:text;display:inline-block;color:transparent;font-size:2rem;font-family:Montserrat}@media screen and (min-width:960px){.gradient-text{font-size:4rem}}.wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.wave svg{position:relative;display:block;width:calc(204% + 1.3px);height:155px;transform:rotateY(180deg)}.wave .shape-fill{fill:#011d34}.About{background:#011d34;color:#eee;padding:30px;margin:0 auto}.About--Content{display:flex;flex-direction:column;justify-content:center}.About--Content p{line-height:1.8}.About--Image{height:300px;max-width:300px}.About--Image img{height:100%;width:100%;margin-top:20px}@media screen and (min-width:960px){.About .grid--2{grid-template-columns:1fr 300px}.About--Image img{margin-left:auto}}.BlogPosts{background:#f2f2f2;padding:30px}.BlogPosts img{max-width:100%}.BlogPostList .BlogPost{margin:20px 0}@media screen and (min-width:960px){.BlogPostList{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.BlogPostList .BlogPost{margin:0}}.PortfolioSection{padding:30px}.PortfolioSection .PortfolioItem img{max-width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:959px){.PortfolioItem{display:grid;grid-template-areas:"image" "content";margin-bottom:20px;filter:drop-shadow(0 0 5px rgba(0,0,0,.2));border-radius:12px}.PortfolioItem img{grid-area:image;border-radius:12px 12px 0 0}.PortfolioItem--Content{padding:20px;grid-area:content;border-radius:0 0 12px 12px;background:#ddd}}@media screen and (min-width:960px){.PortfolioItemsContainer .PortfolioItem{display:grid;grid-template-columns:1fr 1fr}.PortfolioItemsContainer .PortfolioItem img{width:100%;min-height:250px;-o-object-fit:fill;object-fit:fill}.PortfolioItemsContainer .PortfolioItem--Content{display:flex;justify-content:center;flex-direction:column}}.ContactSection{background:#011d34;padding:30px;color:#eee}.ContactSection .container{padding:30px 0}.ContactSection form .form-group input,.ContactSection form .form-group textarea{display:block;width:100%;margin-bottom:20px;padding:5px;margin-top:5px;border-radius:6px;outline:none;border:1px solid #7ee081;font-family:Roboto}.ContactSection form button{background:#3c91e6;color:#eee;font-size:1rem;cursor:pointer}.ContactSection form button:hover{background:#2584e3}.Timeline,.Timeline--Item{position:relative}.Timeline--Item{padding:10px 40px;background:#eee;color:#222;margin:10px 0;border-radius:10px}.Timeline--Item p{margin-top:5px}.Timeline--Item:after{content:"";position:absolute;width:25px;height:25px;right:10px;background-color:#fff;border:4px solid #3c91e6;top:15px;border-radius:50%;z-index:1}@media screen and (min-width:960px){.Timeline:after{content:"";position:absolute;width:6px;background-color:#3c91e6;top:0;bottom:0;left:50%;margin-left:-3px}.Timeline--Item{width:50%}.Timeline--Item--Left{left:0;border-radius:10px 0 0 10px}.Timeline--Item--Right{left:50%;border-radius:0 10px 10px 0}.Timeline--Item--Right:after{left:-16px}.Timeline--Item:after{right:-17px}}.TimelineSection{padding:30px;background:#011d34;color:#eee}@media screen and (min-width:960px){.TimelineSection{padding:30px}}.Aside{background:#013a68;display:flex;flex-direction:column;justify-content:space-between;height:100vh;position:sticky;top:0;font-family:Roboto;text-align:center;width:90vw;animation:slideIn .3s ease-in}.Aside,.Aside a,.Aside li{font-size:14px}.Aside div{animation:fadeIn .7s ease-in}.Aside--Closed{display:none}.Aside h1{color:#eee;font-size:18px}.Aside img{height:100px;width:100px}.Aside--Body,.Aside--Header{padding:20px}@media screen and (min-width:960px){.Aside{display:flex;width:100%;animation:none}.Aside img{height:250px;width:100%}}@keyframes slideIn{0%{width:0}to{width:90vw}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}