#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}h1{color:#fff}.page{background:linear-gradient(-45deg,#8c7d3b,rgba(142,106,46,.35));height:100vh}.center{padding:10rem 1rem 0 1rem}.sub{margin-top:5rem}.showDialog{padding:1rem;vertical-align:middle}.showDialog h2{text-align:left}.showDialog h3{color:#42b983}.showDialog ul li{display:flex;align-items:center;vertical-align:middle;border-bottom:1px solid #2c3e50;padding:.5rem .1rem}.showDialog ul li span{flex:1}.history{color:#fff}.history-btn{display:inline-block;background-color:salmon;padding:1vw;margin:2vw}.water{z-index:-1;font-size:90px;transform:rotate(-45deg);color:hsla(0,0%,50%,.3);position:absolute;top:25%;left:20%}