@import '_settings'

normalize-css()
base()
border-box-html()


body
  padding: 50px

.field-error
  color: #d13f19;
  border-color: #d13f19;
.field-error:focus
  box-shadow: 0 0 5px rgba(209,63,25,0.7);
  border: 1px solid #b15239;
  outline: none;


#container
  max-width 500px
  margin: 0 auto
  #header
    margin: 0 auto
    text-align: center
  #logo
    margin: 0 0 20px 0
  #task
    width: 150px
    height: 32px;
    padding: 0
    border: 1px solid #DDD
  #task input:focus
    box-shadow: 0 0 5px #4450B8
    border: 1px solid ##4450B8
    outline: none
  button
    button()
    background-color: #4450B8
  button:hover
    background-color: #4450CD