#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.project[data-v-3470350e]{margin-top:100px!important}.pi-pic[data-v-3470350e]{margin-right:25px!important;margin:0 auto;position:relative}img[data-v-3470350e]{display:block;width:100%;height:auto}.content[data-v-3470350e]{opacity:0}.content[data-v-3470350e],.content[data-v-3470350e]:hover{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-transform:uppercase;white-space:nowrap;overflow:hidden}.content[data-v-3470350e]:hover{opacity:1}.content a[data-v-3470350e]{font-size:14px;display:block;background-color:#be97dc;color:#fff;padding:5px;cursor:pointer;text-align:center;text-decoration:none}.overplay[data-v-3470350e]{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;transition:.5s ease}.pi-pic:hover img[data-v-3470350e]{opacity:.4}.pi-pic:hover .overlay[data-v-3470350e]{opacity:1}.designer{font-family:Rubik,sans-serif!important;margin-top:100px!important}*{font-family:Rubik,sans-serif}.text-desc{color:#fff!important}