@font-face {
    font-family: Roboto-Condensed;
    src: url(../fonts/Roboto-Condensed.ttf);
}

@font-face {
    font-family: Roboto-Thin;
    src: url(../fonts/Roboto-Thin.ttf);
}

.recentWork{
  transition: all 1s;
  width: 300px;
  background-color: rgba(234, 125, 82, 0.2);
  display: inline-table;
  margin: 20px 10px 20px 10px;
  font-family: Roboto-Thin;
}

.recentWork:hover{
  background-color: rgba(234, 125, 82, 0.5); 
}

button.recentWorkBtn{
  color: #545454;
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid #9EF0FA;
  border-radius: 1px;
  font-size: 18px;
  margin-top: 20px;
  background-color: rgba(158, 240, 250, 0.4);
  font-family: Roboto-Condensed;
  width: 100%;
}

button.recentWorkBtn:hover{
  background-color: rgba(158, 240, 250, 0.8);
  cursor: pointer;
}