body{
  background: #232122;
  color: #DDDEDE;
}

#main{
  padding-top: 30px;
  padding-bottom: 30px;
}

#title{
  margin-bottom: 20px;
}

#numToRoman{
  margin-bottom: 5px;
}

#number{
  margin-bottom: 20px;
}

#romanToNum{
  margin-bottom: 5px;
}

#romanResult{
  margin-bottom: 20px;
}

input[type="text"]
{
    background: rgba(255,255,255,0.05);
    color: #DDDEDE;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

textarea:focus, input:focus{
    outline: none;
}

#instructions{
  margin-top: 20px;
  margin-bottom: 1px;
}

.instructions{
  margin-bottom: 1px;
}


#article {
  padding: 3% 20% 1%;
}

a {
  color:yellow;
}