@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 7
   Coding Challenge 3
   
   
   Author:  Io Anderson
   Date:    11/9/25
   Filename: code7-3_valid.css

*/

/* Validation Styles */
input:focus:valid, select:focus:valid{
	background: yellow;
}

input#ccard:focus:invalid,
input#cnum:focus:invalid,
input#cname:focus:invalid,
input#cardmoth:focus:invalid,
input#csc:focus:invalid,
input#cardyear:focus:invalid{
	color: red;
	background: none;
	border-color: red;
	box-shadow: 0px 0px 5px red;
}