body{
background-image: url('https://demo.musuku.co.za/Lefa-Longrich/images/bg9.jpg');
background-size: auto;
background-repeat: no-repeat;
background-color: white;
}

H1{
color:black;
}

.splash{
padding:5%;
background-color: bronze;
opacity:1;
min-height:300px;
box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 0.2), 6px 12px 40px 6px rgba(0, 0, 0, 0.19);
       
}
.splash-emerald{
padding:5%;
background-color:#50c878 ;
opacity:0.99;
min-height:300px;
box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 0.2), 6px 12px 40px 6px rgba(0, 0, 0, 0.19);
       
}
.splash-teal{
padding:5%;
background-color:teal ;
opacity:0.99;
min-height:300px;
box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 0.2), 6px 12px 40px 6px rgba(0, 0, 0, 0.19);
       
}
.splash-orange{
padding:5%;
background-color:orange ;
opacity:0.99;
min-height:300px;
box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 0.2), 6px 12px 40px 6px rgba(0, 0, 0, 0.19);
       
}
.shadow{
text-shadow: 6px 12px 40px 6px rgba(0, 0, 0, 0.19);

}
.emerald:hover{
background-color:#50c878 ;
}
.grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.grow { transition: all .2s ease-in-out; }

.pink{
background-color:#FF1493;
}
.call>span{
font-weight:bold;
color: darkgrey;
padding-bottom: 20px;
}
.white-text{
color:white !important;
}

.padded{
padding: 20px;
}

.left{
left: 40px;
}

.right{
float: right;
}
a.fa{
color: darkgrey;
}
footer {
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
 }
.spotlight{
  background-color: silver;
box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 0.2), 6px 12px 40px 6px rgba(0, 0, 0, 0.19);

}
.error{
color:red;
  padding: 3px;
}

Style Attribute {
}
all.css:5:48392.fa, .far, .fas {
font-family: "Font Awesome 5 Free";
}
all.css:5:47966.far {
font-weight: 400;
}
all.css:5:387.fa-5x {
font-size: 5em;
}
all.css:5.fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
app.css:57.grow {
transition: all .2s ease-in-out;
}
bootstrap.css:40*, ::after, ::before {
box-sizing: border-box;
}
User Agent Stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}

a {
color: teal;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}

a:hover {
color: green;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}