body,html{background-color:#22292F;color:#F8FAFC;font-family:"Roboto",sans-serif;height:100%;width:100%}.layout{display:grid;grid-template-columns:1fr 460px;height:100%;width:100%}.layout .main{padding:30px 60px}.layout .main .intro{margin:60px 0 60px}.layout .main .intro h1{font-family:"Lato",sans-serif;font-size:52px;font-weight:bold;line-height:52px;margin:12px 0}.layout .main .intro h1 span{color:#1897E4}.layout .main .intro .about{font-size:20px;line-height:1.5;margin:0}.layout .main .links .header,.layout .main .blog .header,.layout .main .skills .header{color:#1897E4;font-family:"Lato",sans-serif;font-size:20px;font-weight:bold;margin:0 0 20px;text-transform:uppercase}.layout .main .links a,.layout .main .blog a,.layout .main .skills a{color:#1897E4;text-decoration:none}.layout .main .links a:hover,.layout .main .blog a:hover,.layout .main .skills a:hover{color:#44aceb}.layout .main .links{margin-bottom:40px}.layout .main .links .link{margin:8px 0}.layout .main .skills{margin-bottom:40px}.layout .main .skills .sections{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-6px;max-width:900px}.layout .main .skills .sections .section{margin:6px}.layout .main .skills .sections .section .label{color:#F8FAFC}.layout .main .skills .sections .section p{color:#DAE1E7;line-height:1.5;margin:0}.layout .main .blog .blog-post{border-left:2px solid rgba(24,151,228,0.75);margin-bottom:12px;padding-left:8px}.layout .main .blog .blog-post p{margin:0}.layout .main .blog .blog-post p.description{padding:4px 0 6px}.layout .main .blog .blog-post p.meta{opacity:.75}.layout .main .blog .blog-post a.title{font-family:"Lato",sans-serif;font-weight:bold}.layout .main .blog .more{display:inline-block;margin:0}.layout .side{background-color:rgba(39,54,79,0.75);height:100%;min-height:100vh;overflow-y:auto;padding:40px 20px;width:100%}.layout .side::-webkit-scrollbar{width:5px}.layout .side::-webkit-scrollbar-thumb{background-color:rgba(218,225,231,0.5);border-radius:2px}.layout .side .projects .project:not(:last-child){margin-bottom:40px}.layout .side .projects .project a{color:#1897E4;text-decoration:none}.layout .side .projects .project a:hover{color:#44aceb}.layout .side .projects .project p{margin:0}.layout .side .projects .project p.name{font-family:"Lato",sans-serif;font-size:18px;font-weight:bold;margin-bottom:10px}.layout .side .projects .project p.description{color:#DAE1E7;margin-bottom:10px}.layout .side .projects .project .links a:not(:last-child){padding-right:20px}@media screen and (max-width: 1088px){.layout .main .skills .sections{display:block}}