@import"//fonts.googleapis.com/css?family=Lato:300:400";body{margin:0;font-family:"Lato",sans-serif;color:#444}h1{font-weight:300;letter-spacing:2px;font-size:48px}p,a,li{letter-spacing:1px;font-size:18px}a{color:#444}.profile{width:calc(100% - 2rem);max-width:1312px;margin:0 auto;margin-top:3rem;padding:1rem 1rem}.profile img{width:100%;height:100%;object-fit:cover}.profile .inner{height:100%;width:calc(100% - 2rem);max-width:1312px;padding:1rem;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;z-index:1}.profile .inner .main{display:flex;justify-content:flex-start;align-items:center}.profile .inner .main .copy h1{font-size:70px;line-height:70px;margin:0}.profile .inner .main .copy h2{font-size:26px;line-height:26px;margin:0;margin-bottom:.5rem}.profile .inner .main .image{height:200px;width:200px;margin-right:2rem}.profile .inner .main .image img{width:100%;height:100%;object-fit:cover;border-radius:5px}.profile .inner .about{margin-top:1rem}@media(max-width: 700px){.profile{margin-top:1rem}.profile .inner .main{flex-direction:column;gap:2rem;width:100%}.profile .inner .main .image{margin-right:0rem}.profile .inner .main .copy{width:100%}.profile .inner .main .copy h1{font-size:50px;line-height:50px}.profile .inner .main .copy h2{font-size:20px;line-height:20px}}@media(max-width: 400px){.profile{width:100%;padding:3rem 0}.profile .inner .main{flex-direction:column;gap:2rem;width:100%}.profile .inner .main .copy{width:100%}.profile .inner .main .copy h1{font-size:40px;line-height:40px}.profile .inner .main .copy h2{font-size:16px;line-height:16px}}.top-skills{width:100%}.top-skills .inner{width:calc(100% - 2rem);max-width:1312px;margin:2rem auto;margin-top:0;padding:1rem 1rem}.top-skills .inner p,.top-skills .inner h3{font-family:"Roboto",sans-serif;text-align:center}.top-skills .inner p{margin-bottom:3rem}.top-skills .inner .skills{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(2, 1fr);gap:30px 30px;grid-template-areas:". . . . . ." ". . . . . ."}.top-skills .inner .skills .skill{display:flex;border-radius:5px;justify-content:center;align-items:center}.top-skills .inner .skills .skill .image{height:100%;width:100%;max-width:150px}.top-skills .inner .skills .skill .image img{width:100%;height:100%;object-fit:contain}.top-skills .inner .skills .skill .image svg{width:100%;height:100%}@media(max-width: 999px){.top-skills .inner .skills{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);gap:30px 30px;grid-template-areas:". . ." ". . ."}}.sites .copy{width:calc(100% - 2rem);max-width:1312px;padding:1rem;margin:0 auto}.sites .inner{width:calc(100% - 2rem);max-width:1312px;margin:2rem auto;margin-top:0;padding:1rem 1rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:15px 15px;grid-template-areas:". . ."}.sites .inner .site{border:1px solid #eee;border-radius:8px 0px 0px 8px;box-shadow:0 11px 19px 0 rgba(4,31,99,.15)}.sites .inner .site .image{width:100%;height:250px}.sites .inner .site .image img{border-radius:8px 0px 0px 0px;height:100%;width:100%;object-fit:cover}.sites .inner .site .copy{padding:1rem}.sites .inner .site .copy .headline{margin-top:0;font-weight:bold;text-decoration:underline}@media(max-width: 1199px){.sites .inner{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:15px 15px;grid-template-areas:". ."}}@media(max-width: 700px){.sites .inner{grid-template-columns:1fr;grid-template-rows:1fr;gap:15px 15px;grid-template-areas:"."}}