textarea { background-color: rgba(119,119,119,0.7); border: 2px solid rgba(255,68,34,0.4); margin-left: 20px; font-family: font2, sans-serif; font-style: normal; font-size: 1em; letter-spacing: 2px; max-width: 620px; border-radius: 5px; color: #ddd; } textarea:hover { background-color: rgba(255,255,255,0.7); border: 2px solid #cc6600; margin-left: 20px; font-family: font2, sans-serif; font-style: normal; font-size: 1em; letter-spacing: 2px; max-width: 620px; transition: 0.5s; -moz-transition: 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: 0.5s ease-in-out; /* Safari and Chrome */ -o-transition: 0.5s ease-in-out; /* Opera */ } textarea:focus, input:focus, select:focus { background-color: rgba(255,255,255,0.7); border: 2px solid #cc6600; } input { background-color: rgba(255,68,34,0.7); border: 2px solid rgba(255,68,34,0.4); font-family: font2, sans-serif; font-style: normal; font-size: 1.2em; letter-spacing: 2px; color: #ddd; margin-top: 20px; margin-bottom: 20px; border-radius: 5px; } input:hover { background-color: rgba(255,255,255,0.7); border: 2px solid #cc6600; font-family: font2, sans-serif; font-style: normal; font-size: 1.2em; letter-spacing: 2px; color: #000; transition: 0.5s; -moz-transition: 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: 0.5s ease-in-out; /* Safari and Chrome */ -o-transition: 0.5s ease-in-out; /* Opera */ } select { background-color: rgba(119,119,119,0.7); border: 2px solid rgba(255,68,34,0.4); font-family: font2, sans-serif; font-style: normal; font-size: 1.2em; letter-spacing: 2px; color: #ddd; margin-top: 20px; margin-bottom: 20px; border-radius: 5px; } select:hover { background-color: rgba(255,255,255,0.7); border: 2px solid #cc6600; font-family: font2, sans-serif; font-style: normal; font-size: 1.2em; letter-spacing: 2px; color: #000; transition: 0.5s; -moz-transition: 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: 0.5s ease-in-out; /* Safari and Chrome */ -o-transition: 0.5s ease-in-out; /* Opera */ } textarea[placeholder="Enter Title"] { color: #fff; } textarea[placeholder="Enter Title"]:hover { color: #000; } textarea[placeholder="Enter Title"]:focus { color: #000; } textarea[placeholder="Enter Content"] { color: #fff; } textarea[placeholder="Enter Content"]:hover { color: #000; } textarea[placeholder="Enter Content"]:focus { color: #000; } textarea[placeholder="Enter Date"] { color: #fff; } textarea[placeholder="Enter Date"]:hover { color: #000; } textarea[placeholder="Enter Date"]:focus { color: #000; } .choice { width:100%; height: auto; padding-left: 100px; }