text areas are the code you put on your page for people to copy and paste code. these can be decorated in very cute ways. these are some premade text areas to add to your css. These don't need to be credited back to me but if you wanna put a css comment, that would be cool ^_^

textarea { background: linear-gradient(90deg, #EBFFB9 60%, #98F6AF 60%); color: #8CD44F; border: dotted 1px #8AE6ED; font-family: helvetica; font-size: 11pt; line-height: 9px; letter-spacing: -1px; width: 200px; height: 100px; overflow-x: hidden; textarea { background: #B0F3FF; color: #FFFFFF; border: none; font-weight: 900; font-family: arial; font-size: 15pt; line-height: 17px; letter-spacing: -1px; word-spacing: -3px; width: 200px; height: 100px; overflow-x: hidden; } textarea { background-image: linear-gradient(180deg, #ff9cca 25%, #ffb2d3 25%, #ffb2d3 50%, #ff9cca 50%, #ff9cca 75%, #ffb2d3 75%, #ffb2d3 100%); color: #FFFFFF; border: none; font-family: courier new; font-size: 8px; line-height: 8px; letter-spacing: 6px; width: 200px; height: 60px; overflow-x: hidden; } textarea { background-color: #f2f0ff; opacity: 1; background-image: linear-gradient(#f5d6ff 0.6000000000000001px, transparent 0.6000000000000001px), linear-gradient(to right, #f5d6ff 0.6000000000000001px, #f2f0ff 0.6000000000000001px); background-size: 12px 12px; color: #FF0073; border: none; font-family: arial; font-size: 60px; line-height: 22px; letter-spacing: -7px; width: 200px; height: 60px; overflow-x: hidden; textarea { background-color: #fffff0; opacity: 1; background-image: repeating-linear-gradient(45deg, #d6f1ff 25%, transparent 25%, transparent 75%, #d6f1ff 75%, #d6f1ff), repeating-linear-gradient(45deg, #d6f1ff 25%, #fffff0 25%, #fffff0 75%, #d6f1ff 75%, #d6f1ff); background-position: 0 0, 17px 17px; background-size: 34px 34px; color: #00B2FF; border: dotted 2px #E6FF7F; font-family: georgia; font-size: 10px; line-height: 9px; letter-spacing: -2px; width: 200px; height: 60px; overflow-x: hidden; } textarea { background: rgb(255,234,201); background: linear-gradient(76deg, rgba(255,234,201,1) 0%, rgba(255,173,196,1) 72%); color: #F9FFDE; border: none; font-family: helvetica; font-size: 30px; text-align: right; line-height: 21px; letter-spacing: -4px; width: 250px; height: 60px; overflow-x: hidden; } background: #B09E91; color: #37FFD1; border: none; font-weight: bold; font-family: arial; font-size: 35pt; line-height: 17px; letter-spacing: 3px; word-spacing: -3px; width: 250px; height: 60px; overflow-x: hidden; } background: #ffff; color: #00000; border: none; font-family: courier new; font-size: 10px; line-height: 8px; letter-spacing: 0px; width: 250px; height: 60px; overflow-x: hidden; }