#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}.form__group{position:relative;padding:50px;margin:150px auto;width:35%;background-color:#4ea0ae;border-radius:20px}.form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid grey;outline:0;font-size:1.3rem;color:#3f3f3f;padding:7px 0;background:transparent}.form__field::-moz-placeholder{color:#dadada}.form__field:-ms-input-placeholder{color:#dadada}.form__field::-ms-input-placeholder{color:#dadada}.form__field::placeholder{color:#dadada}.form__label{position:absolute;top:20px;display:block;transition:.2s;font-size:1rem;color:#fff48f}.form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;-o-border-image:linear-gradient(90deg,#df8b0e,#ff0);border-image:linear-gradient(90deg,#df8b0e,#ff0);border-image-slice:1}.block-component{overflow-y:auto}img{width:30px;height:30px}.home{height:600px;width:600px;border:2px solid}.row{display:flex;justify-content:center}table{width:500px}.roll{width:400px;height:40px;font-size:18px;background-color:gold;color:#000}.roll,.roll:hover{border:3px solid #000;font-weight:700}.roll:hover{background-color:#000;color:gold;cursor:pointer}.board{height:500px;width:500px;border:2px dashed #000;margin-left:50px;margin-top:20px;margin-bottom:20px;display:flex;flex-wrap:wrap;overflow:hidden}.block{width:10%;height:10%;font-size:14px}.button{margin-top:20px;width:100px;height:50px;background-color:teal;color:#fff}#placeholder{height:100px;width:100px;padding:50px;margin:50px auto;border:1px solid grey;border-radius:10px;font-size:80px}