*{margin:0;padding:0}body,html{margin:0;height:100%}a,button,h1,h2,h3,h4,h5,h6,li,p,span{font-family:Roboto,sans-serif;color:#333}ul{list-style:none}a{color:#1565c0;text-decoration-color:#ffa726}section{margin-top:100px}@media screen and (max-width:515px){section{margin-top:50px}}.container{padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto}@media screen and (min-width:510px){.container{width:420px;max-width:420px}}@media screen and (min-width:600px){.container{width:500px;max-width:500px}}@media screen and (min-width:768px){.container{width:650px;max-width:650px}}@media screen and (min-width:992px){.container{width:760px;max-width:760px}}.title-bar-wrapper{background:#fff}.title-bar-wrapper>.container{height:100%}.title-bar{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.title-bar h1,.title-bar h3{margin:0;font-size:2.369em;font-weight:700;color:#4285f4}.title-bar svg{fill:#4285f4}.title-icon{width:60px;height:60px}.card{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);display:table;margin:auto;padding:30px}.card p{max-width:760px}@media screen and (max-width:515px){.card{padding-left:0;padding-right:0}}nav{position:fixed;bottom:0;width:100%;border-top:1px solid #d4d4d4;background:#fff;height:55px}.item-list li svg{fill:currentcolor;margin-right:5px}.item-list{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.item-list li{width:100%;height:100%}.item-list li a{text-decoration:none;font-size:1.333em;color:#757575;height:100%}.item-list li a span{color:#757575}.item-list li a.active,.item-list li a.active span{color:#1565c0}.flex-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:550px){.item-list li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1em}.item-list li svg{-webkit-transform:scale(1.3);transform:scale(1.3);margin-bottom:2px}}#footer-bottom{margin-top:120px}#legal a{margin-right:10px}body{height:auto;padding-bottom:100px}.languages{font-size:1.333em}.languages b::before{content:'[';color:#4285f4}.languages b::after{content:']';color:#4285f4}#links{font-size:1.313em}.post-list-year{font-size:1.777em;color:#4285f4;margin-top:60px}#projects{margin-top:50px}.post{margin-top:30px}.post.card{-webkit-box-shadow:0 5px 20px rgba(0,0,0,.18);box-shadow:0 5px 10px rgba(0,0,0,.08)}.post-link{font-size:1.333em;color:#ffab30;color:#1565c0}.metadata{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:5px}.date{color:#333;font-weight:700;font-size:1.333em}.tag{font-size:1em;margin-left:20px}.tag.first{font-size:1.333em}.bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}.project-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-links li{margin-right:20px;font-size:1.333em;word-break:break-all}.thumbnail{max-width:100%;max-height:200px;height:200px}p.excerpt{font-size:1.313em;margin-top:15px;text-align:justify}.post-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logo{-webkit-box-flex:0;-ms-flex:none;flex:none;height:80px}.sprite{background-image:url(/assets/951ed787c6653d442d284ba185ad9d9f122f9bde/sprite.png)}.sprite-gplay{background-position:-140px 0;width:176px;height:53px}@media screen and (max-width:600px){.page-index{font-size:1.333em}}@media screen and (max-width:515px){.card{padding-left:0;padding-right:0;width:100%}.logo{height:70px}}