My html paragraph is black even though I specified a color.
HTML code:
<div id="welcome">
<p>
<center><b><em> AaBbCcDdEeFfGgHh</em></b></center>
</p>
</div>
CSS code:
body {
background: -webkit-linear-gradient(left,#2e4053,#212F3C);
background: -o-linear-gradient(left,#2e4053,#212F3C);
background: -moz-linear-gradient(left,#2e4053,#212F3C);
background: linear-gradient(left,#2e4053,#212F3C);
background-color:#2e4053;
}
h1{
font-family:Noto Sans Sinhala;
src: url('Font/NotoSansSinhala-Regular.ttf');
font-size:200%;
color:#f39c12;
font-weight:bold;
padding: 20px 40px
}
h2{
font-family:Noto Sans Sinhala;
src: url('Font/NotoSansSinhala-Regular.ttf');
font-style: ;
font-size:175%;
color:#f39c12;
font-weight:bold;
}
p{
font-family:Noto Sans Sinhala;
src: url('Font/NotoSansSinhala-Regular.ttf');
font-style: ;
font-size:50%;
color:#f4f6f7 !important;
font-weight:500;
}
Where seems to be the error?
How do I fix it?
HTML code:
<div id="welcome">
<p>
<center><b><em> AaBbCcDdEeFfGgHh</em></b></center>
</p>
</div>
CSS code:
body {
background: -webkit-linear-gradient(left,#2e4053,#212F3C);
background: -o-linear-gradient(left,#2e4053,#212F3C);
background: -moz-linear-gradient(left,#2e4053,#212F3C);
background: linear-gradient(left,#2e4053,#212F3C);
background-color:#2e4053;
}
h1{
font-family:Noto Sans Sinhala;
src: url('Font/NotoSansSinhala-Regular.ttf');
font-size:200%;
color:#f39c12;
font-weight:bold;
padding: 20px 40px
}
h2{
font-family:Noto Sans Sinhala;
src: url('Font/NotoSansSinhala-Regular.ttf');
font-style: ;
font-size:175%;
color:#f39c12;
font-weight:bold;
}
p{
font-family:Noto Sans Sinhala;
src: url('Font/NotoSansSinhala-Regular.ttf');
font-style: ;
font-size:50%;
color:#f4f6f7 !important;
font-weight:500;
}