Add a box-shadow to a Card-like Element - need your helpQ!

This is my code so far:

Blockquote h4 {

text-align: center;

background-color: rgba(45, 45, 45, 0.1);

padding: 10px;

font-size: 27px;


p {

text-align: justify;


.links {

text-align: left;

color: black;


#thumbnail {

box-shadow: 0 10px 20px rgba (0,0,0,0.19),

0 6px 6px rgba (0,0,0,0.23);


.fullCard {

width: 245px;

border: 1px solid #ccc;

border-radius: 5px;

margin: 10px 5px;

padding: 4px;


.cardContent {

padding: 10px;


.cardText {

margin-bottom: 30px;



<div class=“fullCard” id=“thumbnail”>

<div class=“cardContent”>

<div class=“cardText”>



<p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>


<div class=“cardLinks”>

<a href=“” target="_blank" class=“links”>Larry Page</a><br><br>

<a href=“” target="_blank" class=“links”>Sergey Brin</a>




I cannot find the mistake…

There shouldn’t be any space after rgba (in the #thumbnail styles)

Problem solved, thank you @kevcomedia