body
  background: white

a
  color: cornflowerblue
  transition: all 200ms ease-in-out

  &:hover
    color: darken(cornflowerblue, 10%)

input
  transition: all 200ms ease-in-out

input[type=submit],
button
  background-color: cornflowerblue
  color: #f0f0f0
  transition: all 200ms ease-in-out

  &:hover
    background-color: darken(cornflowerblue, 10%)
    color: white

.u-text-center
  text-align: center

.container
  max-width: 1024px

.container.fluid
  max-width: 100%

.pageLink
  text-decoration: none
  i
    font-size: 10rem
  p
    margin-top: 10px
    color: #212121
    font-size: 2.5rem
    text-decoration: none

.tempGauge
  position: relative
  box-sizing: border-box
  width: 100%
  max-width: 175px
  height: 300px
  margin-left: auto
  margin-right: auto
  border: 4px solid #212121
  background: rgb(61,191,37)
  background: linear-gradient(0deg, rgba(61,191,37,1) 45%, rgba(253,255,2,1) 65%, rgba(253,255,2,1) 75%, rgba(253,45,45,1) 100%)

  .tempGaugeFill
    display: block
    position: absolute
    left: 0
    top: 0
    box-sizing: border-box
    width: 100%
    height: 0
    background: white

#header h1
  text-align: center

#footer
  position: fixed
  left: 0
  right: 0
  bottom: 0
  padding-top: 25px
  padding-bottom: 25px
  border-top: 1px solid #999

  .row
    position: relative

  p.no-margin
    margin-bottom: 0

#systemPages
  > div:nth-child(2n + 3)
    margin-left: 0