@media screen { h1{ border:dashed 5px navy; border-color: #40E0D0;} h2{ border:5px inset navy; color:#000011;} h3{ border-color: #8B4513; border:groove 5px navy; color:#000011;} h4{ border-color: #8B4513; border:groove 5px navy; color:#000011; } p {border:double 4px #FF4F02 ; outline: solid 5px #005FFF; } .passion3{border:double 4px #000000; outline: solid 5px #330033;} } body { background-color: #F0E68C; } h1 { text-align: center; } h2 { border-bottom: solid 3px; text-align: center; } h3 { text-align: center; } h4 { text-align: center; font-size: 20px; } p { color: black; font-size: 15px; line-height: 2.3em; padding: 1ex 1em; text-align: center; text-indent: 1em; text-decoration: underline; letter-spacing: 1em; } .passion{ color: black; background-color: yellow; padding: 1ex 1em; text-align: center; } .passion2{ color: white; background-color: navy; padding: 1ex 1em; text-align: center; } .passion3{ color: white; background-color: purple; padding: 1ex 1em; text-align: center; } p.iwantosee {border: solid;} p.hide {display: none;} p.iwantosee:active + p.hide {display: block;}