Adding text with formatting

Author: HawkSP

SplashOutPages/newthisyear.html

@@ -119,11 +119,15 @@
   top: 0;
 }
 .underscoreText {
-  color: #f2f2f2;
-  font-size: 12px;
-  padding: 8px 12px;
+  color: #f2f2f2; 
+  text-shadow: black 0.1em 0.1em 0.2em;
+  font-weight: bold;
+  font-size: 25px;
+  padding: 50px 12px;
   position: absolute;
-  top: 0;
+  bottom: 20px;
+  width: 100%;
+  text-align: center;
 }
 
 /* The dots/bullets/indicators */
@@ -144,9 +148,9 @@
 /* Fading animation */
 .fade {
   -webkit-animation-name: fade;
-  -webkit-animation-duration: 1.5s;
+  -webkit-animation-duration: 2s;
   animation-name: fade;
-  animation-duration: 1.5s;
+  animation-duration: 2s;
 }
 
 @-webkit-keyframes fade {
@@ -248,8 +252,7 @@ <h2>New This Year!</h2>
   <img src="Images/NewThisYear/surfing.png" style="width:100%">
   </a>
   <div class="text">Surfing</div>
-  <div class="underscoreText">This is test 1 and now im going to write some random words njfsdojf dspogjds dspogjs dsdpjfsdn 
-    dsojdposfj sdpfdsjf posdfjoeswfewpsojgpgpdmpf[sdpfsf f jd[s d[fk ef efj-ew[fj-ew =0efi ew-0u 3409t4930 er jpjdpfvmdps</div>
+  <div class="underscoreText">Hollow, fast, sandbar peaks plus Wrangles Rocks at the north end at low tide. High tide Tower Rock has a shallow wave and there’s Crookie shorey as well. You can't resist this oppertunity!</div>    
 </div>
 
 <div class="mySlides fade">
@@ -258,19 +261,16 @@ <h2>New This Year!</h2>
   <img src="Images/NewThisYear/rockclimbing.png" style="width:100%">
   </a>
   <div class="text">Rock Climbing</div>
-  <div class="underscoreText">This is test 2 and now im going to write some random words njfsdojf dspogjds dspogjs dsdpjfsdn 
-    dsojdposfj sdpfdsjf posdfjoeswfewpsojgpgpdmpf[sdpfsf f jd[s d[fk ef efj-ew[fj-ew =0efi ew-0u 3409t4930 er jpjdpfvmdps</div>
+  <div class="underscoreText">There is a brilliant sense of accomplishment every time you climb. In an increasingly desk/sofa bound age, there is something incredibly satisfying about physically making your way to the top.</div>
 </div>
 
 <div class="mySlides fade">
   <div class="numbertext">3 / 3</div>
   <a href="Images/NewThisYear/rowing.html">
   <img src="Images/NewThisYear/rowing.png" style="width:100%">
   </a>
-  <div class="text">Rowing</div>
-  <div class="space">     </div>  
-  <div class="underscoreText">This is test 3 and now im going to write some random words njfsdojf dspogjds dspogjs dsdpjfsdn 
-    dsojdposfj sdpfdsjf posdfjoeswfewpsojgpgpdmpf[sdpfsf f jd[s d[fk ef efj-ew[fj-ew =0efi ew-0u 3409t4930 er jpjdpfvmdps</div>  
+  <div class="text">Rowing</div> 
+  <div class="underscoreText">Rowing is a fantastic cardiovascular workout. Every stroke uses 85% of your muscles covering nine major muscle groups so it also helps you to tone up, fast.</div>     
 </div>
 
 </div>