/*
   New Perspectives on HTML and CSS
   Tutorial 6
   Case Problem 1

   Comment Form Style Sheet
   Author: Xavier De Jesus
   Date:   3/21/2025

   Filename:         comments.css
   Supporting Files: go.png, stop.png

*/

fieldset {
    background-color: rgb(245, 245, 255);
    margin: 15px auto 15px auto;
    padding: 5px;
    width: 90%;
}
label {
    display: block;
    float: left;
    clear: left;
    font-size: 0.9em;
    width: 100%;
    margin: 5px auto 5px auto;
}
input, textarea{
    display: block;
    float: right;
    font-size: 0.9em;
    width: 55%;
    margin: auto 10px auto 10px;
}
textarea {
    height: 150px;
}
button {
    display: block;
    clear: both;
    float: none;
    width: 200px;
    height: 30px;
    margin: 5px auto 5px auto;
}
input:focus:valid {
    background-color: rgb(225, 225, 240);
    background-image: url('go.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}