/*COLORS*/

.blue {
    color: blue;
}
.red{
    color: red;
}
.green{
    color: green;
}
.purple{
    color: purple;
}


/*FONT*/

.bold{
    font-weight: bold;
}

.italic{
    font-style: italic;
}

.underline{
    text-decoration: underline;
}


/*HOVER*/

.hover {
    transform: scale(1.5);
}

/*RADIO, CHECKBOX*/


.radio {
  appearance: none;
  width: 12px;
  height: 12px;
  border: 2px solid grey;
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
}

.radio:checked {
  background-color: green;
  border-color: grey;
}

.checkbox {
    appearance: none;
    width: 12px;
    height: 12px;
    border: 2px solid grey;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
  }
  
  .checkbox:checked {
    background-color: blue;
    border-color: grey;
  }