@import url(normalize.css);@import url(font-awesome.min.css);@import url(raleway.css);body{font-family:"Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:justify}h1,h2,h3,h4,h5,h6{font-weight:100;text-align:left}a{text-decoration:none;border-bottom:1px solid transparent;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}a:not(.button){color:#3EC4EE}a:not(.button):hover,a:not(.button):active{border-bottom-color:#3EC4EE}header{background:white;padding:0px 10px}header nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1280px;margin:auto;padding:15px 0px}header nav ul{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}header nav ul li{display:inline;text-transform:uppercase;font-weight:bold;margin:0px 15px}header nav ul li a,header nav ul li a:visited{border:none;color:gray !important;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}header nav ul li a:hover,header nav ul li a:visited:hover{color:#3EC4EE !important}.name{border:none;color:black !important;-webkit-box-flex:1;-ms-flex:1;flex:1;text-transform:uppercase;font-weight:bold}.name:hover{color:#3EC4EE !important}section{max-width:1280px;margin:auto;padding:45px 0px}.underline::after{background:black;display:block;height:1px;width:30px;content:'';margin:10px 0px}.presentation{max-width:100%;padding:150px 0px;background:#F5FAFB;text-align:center}.presentation *{text-align:center}.presentation img{max-width:100%;height:auto;max-height:150px}.services{list-style:none;padding:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.service{width:25%;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.service img{width:35%;display:block;margin:0 auto}.service h2,.service i,.service .powered-by,.service p{display:block;text-align:center}.service .powered-by{color:gray}.button{display:block;width:50%;margin:20px auto;padding:10px;border-radius:100px;text-align:center;background:#3EC4EE;color:white;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.button:hover{-webkit-box-shadow:0px 2px 2px rgba(128,128,128,0.2);box-shadow:0px 2px 2px rgba(128,128,128,0.2)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.flex .button{max-width:25%}.flex.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0px 30px;padding:30px;background:#F5FAFB;-webkit-box-shadow:0px 2px 2px rgba(128,128,128,0.2);box-shadow:0px 2px 2px rgba(128,128,128,0.2)}.tags a{margin:10px 15px}.author{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author img{width:100px;height:100px;border-radius:100%;-webkit-box-shadow:0px 2px 2px rgba(128,128,128,0.2);box-shadow:0px 2px 2px rgba(128,128,128,0.2);margin-right:30px}.blog{border-bottom:2px solid #F5FAFB;line-height:1.5em;width:90ch}.blog img{display:block;margin:30px auto}.blog code{background:#F5FAFB}footer{margin-top:75px;padding:30px;background:black;color:white;text-align:center}footer a,footer a:visited{color:white}@media screen and (max-width: 720px){header nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;line-height:2em}section{padding-left:10px !important;padding-right:10px !important}.service{width:100%}.flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.flex .button{width:auto;max-width:initial}.card{margin:30px 0px}.blog{width:90%}}