/*
   New Perspectives on HTML and CSS, 7th Edition
   Tutorial 7
   Case Problem 2

   Spice Bowl Payment Form Validation Style Sheet
   Author: Corey Burgos
   Date:   10/8/2022

   Filename: sb_validate.css

*/


/* Validation Styles */

input:not([type='radio']) {
  background-color: rgb(255, 218, 165);
}

input:not([type='radio']):focus:valid {
  background-color: rgb(215, 255, 215);
  background-image: url("./sb_valid.png");
  background-position: right;
  background-repeat: no-repeat;
}

input:not([type='radio']):focus:invalid {
  background-color: rgb(255, 245, 215);
  background-image: url('./sb_invalid.png');
  background-position: right;
  background-repeat: no-repeat;
}