#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body,html{margin:0}#nav{height:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:fixed;background-color:#3c3f40;top:0;z-index:5}#nav a{font-weight:700;color:#f0feff;padding:0 5px;text-decoration:none;text-transform:uppercase}#nav a.router-link-exact-active{color:#42b983}.header{width:100vw;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;position:relative}.header div{content:"PROJECTS";position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem}.center,.header div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:500px){.header{height:15rem}#nav{padding-left:1rem}}@media screen and (min-width:501px)and (max-width:900px){.header{height:20rem}#nav{padding-left:5rem}}@media screen and (min-width:901px){.header{height:25rem}#nav{padding-left:5rem}}