.center{text-align:center}html,body{margin:0;padding:0;font-family:"Source Sans Pro",sans-serif;color:#37474F}header{background-color:#CFD8DC;padding:4em 0;text-align:center}header .languages{text-align:right}header .languages .language{text-transform:uppercase;padding:0 4px;cursor:pointer}header .languages .language.active{font-weight:600}header .logo{display:inline-block;background-color:#FFF;height:10em;border-radius:50%;border:4px solid #FFF}header .logo img{border-radius:50%;width:10em}header h1{font-size:3rem}#projects:hover ~ hr{-webkit-box-shadow:0 0 #CFD8DC;box-shadow:0 0 #CFD8DC}hr{width:20em;border:8px solid #90A4AE;border-radius:8px;-webkit-box-shadow:4px 4px #CFD8DC;box-shadow:4px 4px #CFD8DC;-webkit-transition:-webkit-box-shadow .25s ease-in-out;transition:-webkit-box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out}hr:hover{-webkit-box-shadow:0 0 #CFD8DC;box-shadow:0 0 #CFD8DC}.projects{margin:2em 20%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects .loading{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1 / span 3;text-align:center;font-weight:600;font-size:1.3rem}.projects .project{display:-ms-grid;display:grid;-ms-grid-columns:64px auto;grid-template-columns:64px auto;grid-column-gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg, #CFD8DC, #ECEFF1);padding:8px;border-radius:8px;text-decoration:none;color:#37474F;-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out, -webkit-transform .25s ease-in-out}.projects .project:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.projects .project .icon{height:64px;width:auto;-ms-grid-column-align:center;justify-self:center}.projects .project .title{margin:0}.projects .project .description{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / span 2;display:block;display:-webkit-box;max-width:400px;margin:0;height:67.2px;font-size:16px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.projects .project .tax{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / span 2;-ms-grid-column-align:right;justify-self:right}.projects .project .tax .category{background-color:#FFF;padding:2px 8px;border-radius:16px}.contact{margin:0 20%}.contact input,.contact textarea{outline:0;width:100%;padding:4px;font-family:"Source Sans Pro",sans-serif;font-size:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-bottom:2px solid #CFD8DC;-webkit-transition:border-bottom-color .25s ease-in-out;transition:border-bottom-color .25s ease-in-out}.contact input:focus,.contact textarea:focus{border-bottom-color:#90A4AE}.contact input.half,.contact textarea.half{width:calc(50% - 2px)}.contact input.half:nth-of-type(even),.contact textarea.half:nth-of-type(even){float:right}.contact input.half:nth-of-type(odd),.contact textarea.half:nth-of-type(odd){float:left}.contact button{background-color:#CFD8DC;border:none;border-radius:8px;float:right;padding:12px 18px;font-size:1.5rem;font-family:'Source Sans Pro', sans-serif;color:#37474F;cursor:pointer;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.contact button:hover,.contact button:focus{outline:0;background-color:#90A4AE;color:#FFF}.social{text-align:center}.social .fab{text-decoration:none;color:transparent;font-size:0;border:2px solid black;border-radius:50%;padding:8px;height:32px;width:32px;text-align:center;-webkit-transition:border-color .25s ease-in-out;transition:border-color .25s ease-in-out}.social .fab:hover{border-color:#90A4AE}.social .fab::before{font-size:2rem;letter-spacing:normal;color:#37474F;-webkit-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.social .fab:hover::before{color:#90A4AE}.cta{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:4px;grid-row-gap:4px;margin:0 15% 2em 15%}.cta a{padding:8px;border-radius:8px;height:6em;display:-ms-grid;display:grid;font-size:2rem;text-align:center;-ms-flex-line-pack:center;align-content:center;color:#37474F;text-decoration:none;font-weight:600;-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out, -webkit-transform .25s ease-in-out}.cta a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cta a:nth-child(1){background:linear-gradient(135deg, #5bc493, #b5c5bd)}.cta a:nth-child(2){background:linear-gradient(135deg, #FFB81E, #EEE)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal .content{position:relative;background-color:#FEFEFE;margin:4em auto;width:80%;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation:zoom-in .5s;animation:zoom-in .5s}.modal .content header,.modal .content main,.modal .content footer{padding:1em}.modal .content footer .close{cursor:pointer}.modal .content footer .close::before{content:"\274C"}footer{background-color:#CFD8DC;text-align:right;padding:4px 20%;margin-top:1em}footer p{margin:0}footer .links a{text-decoration:none;color:#37474F}footer .links a:not(:last-child)::after{content:" \2022"}@media (max-width: 991.98px){.projects{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.projects .loading{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / span 2}}@media (max-width: 768px){.contact input.half{width:100%;float:none}.website{-ms-grid-columns:1fr;grid-template-columns:1fr}.projects,.social,.website{margin-left:10%;margin-right:10%}footer{padding-left:10%;padding-right:10%}}@media (max-width: 576px){.projects{-ms-grid-columns:1fr;grid-template-columns:1fr}.projects .loading{-ms-grid-column:1;grid-column:1}.projects,.social,.website{margin-left:1em;margin-right:1em}footer{padding-left:1em;padding-right:1em}}@-webkit-keyframes zoom-in{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom-in{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=style.css.map */