kenyonj/shortenit

$main-color: #FC6E51;
$secondary-color: #E9573F;

.overlay{
  background: black;
  opacity: .5;
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:100;
}
.box{
  position:fixed;
  top:-200px;
  left:30%;
  right:30%;
  background-color:#fff;
  color:#7F7F7F;
  padding:20px;
  border:2px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  -moz-box-shadow: 0 1px 5px #333;
  -webkit-box-shadow: 0 1px 5px #333;
  z-index:101;
}
a.boxclose{
  float:right;
  margin-top:-20px;
  margin-right:-15px;
  cursor:pointer;
  color: #fff;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
}

.boxclose:before {
  content: "×";
}

.box h1{
  font-family: 'Oswald', 'sans-serif';
  border-bottom: 1px dashed #7F7F7F;
  margin:-20px -20px 0px -20px;
  padding:10px;
  background-color: $main-color;
  color: white;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -khtml-border-top-left-radius: 5px;
  -khtml-border-top-right-radius: 5px;
}

#box {
  font-family: 'Oswald', 'sans-serif';
  font-variant: small-caps;
  #error-list {
    list-style-type: none;
    font-variant: normal;
    padding-top: 5px;
    .error-item {
      font-weight: 700;
    }
  }
}