body { margin: 0; background: #282a36; font-family: 'Karla', sans-serif; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

header { max-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; }

.header-1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

footer { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

footer button { font-family: 'Karla', sans-serif; font-size: 20px; height: 70px; border: 2px solid #bd93f9; border-radius: 50%; padding: 10px 10px; background-color: #6272a4; color: #f8f8f2; cursor: pointer; margin-bottom: 10px; -webkit-box-shadow: 2px 2px 1px 1px #000; box-shadow: 2px 2px 1px 1px #000; }

footer button p { margin: 0; }

main { height: 50vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main button { font-family: 'Karla', sans-serif; font-size: 70px; border: 5px solid #bd93f9; border-radius: 40px; padding: 10px 70px; background-color: #6272a4; color: #f8f8f2; cursor: pointer; -webkit-box-shadow: 0px 0px 15px 5px #6272a4; box-shadow: 0px 0px 15px 5px #6272a4; }

main button p { margin: 0; }

#score { color: #50fa7b; font-size: 30px; min-width: 33.3%; text-align: center; margin: 0; }

#cpm { color: #8be9fd; font-size: 30px; min-width: 33.3%; text-align: center; margin: 0; }

#countdown { color: #f8f8f2; font-size: 30px; min-width: 33.3%; text-align: center; margin: 0; }

#errors { color: #ff5555; font-size: 30px; min-width: 33.3%; text-align: center; margin: 0; }

#word-to-type { color: #6272a4; font-size: 100px; text-align: center; }
/*# sourceMappingURL=style.css.map */