I am attempting to target a paragraph element within the code snippet below. I want to create a class that applies text-shadow to the text of that specific paragraph.
However, I am unsure which class to focus on and what the correct syntax should be. I initially tried using .mainbg p { xxxxxx }, but it did not yield the desired result.
<section aria-label="home" class="mainbg" id="home">
<!-- intro -->
<div class="container">
<div class="row">
<div class="overlay-main v-align">
<div class="col-md-10 col-xs-11">
<h1 class="onStep" data-animation="animbouncefall" data-time="300">LOUIS WALLACE CONSTRUCTION</h1>
<div
class="onStep"
data-animation="fadeInUp"
data-time="600"
id="slidertext"
style=" text-shadow: 2px 1px 4px black;"
>
<h3 class="main-text">Oroville General Contractor</h3>
<h3 class="main-text">Over A Decade Of Experience</h3>
<h3 class="main-text">All Phases Of Construction</h3>
</div>
<p
class="onStep"
data-animation="animbouncefall"
data-time="900"
style="font-weight:500"
style="text-shadow:20px 20px 20px black;"
>
No matter how large or small the project, we ensure that your project is completed with precision and
professionalism. We take pride in our quality craftsmanship, our attention to detail, and our open line of
communication with each and every customer. With each project, we understand that our role is about more
than simply putting up walls — it’s about ensuring that your vision is turned into a reality.
</p>
</div>
</div>
</div>
</div>
</section>