.btn {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
}

.primary {
  background-color: blue;
  color: white;
}

.danger {
  background-color: darkred;
  color: white;
}

.large {
  font-size: 18px;
}

.box {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
}

.info {
  background-color: #0062ff27;
  border-left: 5px solid #0062ff;
}

.warning {
  background-color: #f0d34133;
  border-left: 5px solid #f0be1b;
}

.sucess {
  background-color: #27ed4e35;
  border-left: 5px solid #00ff08;
}

.cat {
  background-color: #ff3dc23d;
  width: 200px;
  height: 120px;
  text-align: center;
}

.weather {
  background-color: #3d54ff3d;
  width: 200px;
  height: 120px;
  text-align: center;
}

.birthday {
  background-color: #ff3d403d;
  width: 200px;
  height: 120px;
  text-align: center;
}