body{background-color:#383838}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#d8d8d8}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.name-container{display:grid;grid-template:1fr/1fr 1fr;margin:auto;width:700px}.name{font-size:x-large;margin:.5rem 0;border:2px solid #daa520;border-radius:10px;cursor:pointer}.name:hover{background-color:#daa520;color:#333}#result,.replay{width:100%}#result{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:.75;font-size:3rem;top:40%}.correct .message{background-color:green}.wrong .message{background-color:red}.message{margin:auto;padding:.5rem;border-radius:1rem}#loader{-webkit-animation:load-spin 1s linear infinite;animation:load-spin 1s linear infinite}@-webkit-keyframes load-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}