main.sass

$base-bg: #131a21
$body-bg: #222833

html, body
  background: $base-bg
  margin: 0
  padding: 0
  height: 100%
  min-height: 100%

*
  color: #ddb
  font-family: Arial, sans-serif

a
  color: #f4c
  text-decoration: underline

.container
  width: 19em
  margin: auto

.controls
  background: $body-bg
  height: 18em
  line-height: 2.6em
  text-align: right
  padding: 1.6em 1em 0 1em
  margin: 0 0 1.6em 0

.text-input
  width: 3em

.left
  float: left

.right
  float: right

.phrase-display
  box-sizing: border-box
  font-size: 1.6em
  overflow-wrap: anywhere
  background: #044a58
  padding: 0.62em
  margin: 1em 0em
  font-family: monospace
  text-align: center
  width: 100%

.input
  background: #3a1557
  color: #eee
  border-radius: 0.62em
  border: 0.22em outset #627
  padding: 0.29em
  font-family: monospace

.generate-button
  display: block
  margin: auto
  padding: 0.29em 1em
  text-align: center

#dictionarySelect
  width: 12.5em

.footer
  margin: 2em 0

.info
  line-height: 1.6em
  background: $body-bg
  padding: 0.6em 1.6em

.round-border
  border: 0 solid #000
  border-radius: 0.62em

.hidden
  display: none
  padding: none