.header{max-width:90%;margin:-10px auto;padding:20px 10px;display:block}.header ul{margin:0;padding:10px;list-style:none;overflow:hidden}.grey-color{color:#868e96}.header li a{padding:10px 20px;text-decoration:none;display:block}.header .logo{float:left;margin-top:-12px;font-size:1.5em;line-height:normal;text-decoration:none;display:block}.header .logo-name{letter-spacing:3px;padding:0 10px;font-family:Google Sans Regular;font-weight:700}.menu{font-family:Google Sans Regular}.header .menu{clear:both;max-height:0;margin-top:10px;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;float:right;-webkit-user-select:none;user-select:none;padding:28px 20px;display:inline-block;position:relative}.header .menu-icon .navicon{background:#fb1056;width:18px;height:2px;transition:background .2s ease-out;display:block;position:relative}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{content:"";background:#fb1056;width:100%;height:100%;transition:all .2s ease-out;display:block;position:absolute}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:370px}.header .menu-btn:checked~.menu-icon .navicon{background:0 0}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{top:0}.homei{color:#fff;margin:2px 5px 20px 10px;transition:all .2s ease-in-out}.homei:hover{background-color:#2ab0ee;box-shadow:0 2px 10px #2ab0ee;color:#fff!important}.ec{color:#fff;margin:2px 5px 20px;transition:all .2s ease-in-out}.ec:hover{background-color:#eb6559;box-shadow:0 2px 10px #eb6559;color:#fff!important}.xp{color:#fff;margin:2px 5px 20px;transition:all .2s ease-in-out}.xp:hover{background-color:#f7b908;box-shadow:0 2px 10px #f7b908;color:#fff!important}.projects{color:#fff;margin:2px 5px 20px;transition:all .2s ease-in-out}.projects:hover{background-color:#e44160;box-shadow:0 2px 10px #e44160;color:#fff!important}.cr{color:#fff;margin:2px 5px 20px;transition:all .2s ease-in-out}.cr:hover{background-color:#47a148;box-shadow:0 1px 10px #47a148;color:#fff!important}@media (min-width:48em){.header li{float:left}.header{justify-content:space-between;align-items:center;display:flex}.header .menu{max-height:none}.header .menu-icon{display:none}}@media (max-width:768px){.header .logo{float:left;margin-top:15px;font-size:1.25em;line-height:normal;text-decoration:none;display:block}.header{text-align:center;padding-top:10px}}@media (max-width:960px) and (min-width:768px){.header{font-size:12px}}
.footer-text{text-align:center;font-family:Google Sans Regular;font-weight:700}.footer-div{margin-top:2rem}