:host{--first-color: #1d75bd;--first-alpha-color: rgba(29, 117, 189, .75);--second-color: rgb(66, 66, 68);--second-alpha-color: rgba(66, 66, 68, .75);--third-color: #501464;--third-alpha-color: rgba(80, 20, 100, .75);--white-color: #fff;--gray-light-color: #f3f3f3;--gray-color: #ccc;--gray-dark-color: #666;--black-color: #000;--link-color: #509ee3;--title-color: #333;--text-color: #222;--white-alpha-color: rgba(255, 255, 255, .5);--black-alpha-color: rgba(0, 0, 0, .5);--font: "Raleway", sans-serif;--max-width: 1200px;--header-height: 4rem}html{box-sizing:border-box;font-family:raleway,sans-serif;font-size:16px;scroll-behavior:smooth}*,*:after,*:before{box-sizing:inherit}body{margin:0;overflow-x:hidden;color:#222}a{color:#509ee3;transition:all .5s ease-out}a::hover{opacity:.75}h1{margin:0;font-size:2rem}h2{margin:0;font-size:1.5rem}h3{margin:0;font-size:1.25rem}h4{margin:0;font-size:1rem}h5{margin:0;font-size:.85rem}h6{margin:0;font-size:.7rem}img{max-width:100%;height:auto}p{line-height:1.6}.avatar{border-radius:50%;width:150px;height:150px}.box-shadow-1{box-shadow:.25rem .25rem 1rem #00000040}.btn{border-radius:.5rem;padding:1rem;display:inline-block;width:200px;font-weight:700;text-align:center;text-decoration:none;color:#fff;background-color:#1d75bd}.bg-gray-light{background-color:#f3f3f3}.container{margin-left:auto;margin-right:auto;max-width:var(--max-width)}.gray-scale{filter:grayscale(1)}.none{display:none!important}.section{padding:2rem 1rem}.section-title{border-top:thin solid #1d75bd;border-bottom:thin solid #1d75bd;margin:2rem auto;padding:.5rem 1rem;width:250px;text-align:center;color:var(--text-color)}.text-first-color{color:#1d75bd}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media screen and (min-width: 1024px){.full-lg-screen{width:100%;min-height:100vh}.text-lg-center{text-align:center}.text-lg-left{text-align:left}.text-lg-right{text-align:right}}.about>article{margin-bottom:2rem}.contact-card{margin:1rem auto;padding:1rem;width:100%;height:144px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.contact-card>svg{width:2rem;height:2rem;fill:#1d75bd}.contact-card>small{margin-top:-1rem}.footer{padding:1rem;text-align:center;color:#fff;background-color:#1d75bd}.header{position:sticky;left:0;top:0;padding:1rem;z-index:999;width:100%;height:4rem;background-color:#424244}.header>.container{display:flex;justify-content:space-between;align-items:center}.logo a{color:#1d75bd;font-weight:700;font-size:2rem;text-decoration:none}.portfolio-card{position:relative;width:100%;margin:0 auto;display:block}.portfolio-card img{width:100%;height:100%;object-fit:cover}.portfolio-card-inf{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem;background-color:#1d75bdbf;color:#fff;opacity:0;pointer-events:none;transition:all .5s ease-in-out}.portfolio-card:hover .portfolio-card-inf{opacity:1;pointer-events:auto}.portfolio-card-inf>div{padding:1rem;border:thin solid #fff;width:100%;height:100%}.portfolio-modal{padding:1rem;max-width:400px;display:flex;flex-direction:column;background-color:#fff}.portfolio-modal h3{border-bottom:medium solid #1d75bd;margin:1rem auto;padding:.5rem 0;color:#333}.portfolio-details{display:grid;grid-template-columns:40% 60%;grid-auto-rows:1.5rem}.portfolio-details b{color:#1d75bd}.service-card{margin:1rem auto;padding:1rem;text-align:center}.service-card h3{color:#333}.service-card svg{margin-bottom:1.25rem;fill:#1d75bd}.social-media a{padding:0 .4rem;text-decoration:none}.social-media a{width:1.5rem;height:1.5rem}@media screen and (min-width: 768px){.contact-cards{display:grid;grid-template-columns:repeat(2,48%);justify-content:space-between}.portfolio>.container{display:grid;grid-template-columns:repeat(2,50%)}.portfolio .section-title{grid-column:span 2}.portfolio-modal{flex-direction:row;max-width:800px}.portfolio-info{margin-left:1rem;align-self:center}.services>.container{display:grid;grid-template-columns:repeat(2,45%);justify-content:space-between;align-content:center}.services .section-title{grid-column:span 2}}@media screen and (min-width: 1024px){.about{display:grid;grid-template-columns:repeat(3,30%);justify-content:space-between;align-content:center}.contact-cards{grid-template-columns:repeat(4,24%)}.header{position:sticky;top:0;padding:.5rem;height:calc(var(--header-height) - .5rem)}.portfolio>.container{grid-template-columns:repeat(3,1fr)}.portfolio .section-title{grid-column:span 3}.services>.container{grid-template-columns:repeat(3,30%)}.services .section-title{grid-column:span 3}}