body,html{height:100%}body{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#333}body,header{display:-webkit-box;display:flex}header{-webkit-box-flex:0;flex:0;justify-content:space-around;margin:auto;padding:5px 0;width:80%;height:45px;line-height:45px}header .brand{color:#fff;font-size:1.5rem;font-weight:600}header nav a{font-size:1.25rem;color:#fff}header nav a:hover{text-decoration:none}main{position:relative;-webkit-box-flex:1;flex:1;color:#fff}main .text-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main .text-content h1{margin-bottom:2rem}main .text-content button{display:inline-block;margin-top:3rem;padding:5px 30px;font-size:1.5rem;text-align:center;background-color:#34ad89;border:none;border-radius:10px;box-shadow:0 9px #999;outline:none}main .text-content button:hover{background-color:#35866e}main .text-content button:active{background-color:#35866e;box-shadow:0 5px #666;-webkit-transform:translateY(5px);transform:translateY(5px)}footer{-webkit-box-flex:0;flex:0;padding:16px;text-align:center;color:#7b7b7b}