.text1 {width:80%; font-size:20px; font-family:Arial; color:red; background-color:#daf; border:2px solid purple; text-align:center;}
.class1 {width:100%; position:relative; margin-left:auto; margin-right:auto; border:2px solid green; text-align:center; font-size:50px; font-family:Arial; }
.text1:hover{color:blue; background-color:purple; width:100%; border:2px solid purple;}
.text2 {color:white; font-size:20px; font-family:Gill Sans;}
.test1 {font-family:Arial; font-size:20px; color:white; width:100%; background-color:#000033; border:2px; solid purple;}
.text3 {color:white; font-size:20px; font-family:Arial; width:80%; background-color:#daf; border:2px solid purple; text-align:center;}
.text3:hover{-webkit-transform:rotate(180deg); transform:rotate(180deg)}