@charset "utf-8";

/*
Author:   Kevin Viren 
Date:     12/9/2023
Modified: 12/10/2023

Filename: ky_formStyles.css

Web form stylesheet for Ky Viren's art portfolio website.

*/


/* FORM STYLES */

form {
	color: #EEEEEE;
	box-shadow: rgb(50, 50, 50) 5px 5px 20px;
}

form {
	display: flex;
	flex-flow: row wrap;
}

form > fieldset {
	background-color: rgb(20, 20, 20);
	flex: 1 1 300px;
	padding: 20px;
	margin: 10px;
}

/* DIV STYLES */

div#lastOfSection {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #EEEEEE;
}

div.formRow {
	display: flex;
	flex-flow: row wrap;
	margin: 7px 0px;
}

div.formRow > * {
	flex: 1 1 150px;
}


/* Text Area Styles */

textarea#desc {
	margin-top: 10px;
	height: 100px;
	width: 95%;
}

textarea#otherStyle, textarea#inspirationLinks {
	margin-top: 10px;
	height: 40px;
}


/* Form Button Styles */

div#buttons {
	text-align: center;
	width: 100%;
}

input[type='submit'], input[type='reset'] {
	font-size: 1.2em;
	padding: 8px;
	margin: 15px;
}


/* Other */

input:focus, select:focus, textarea:focus {
	background-color: #D0EBF7;
}