body{
	background-color: #9D00A4;

}

.background-image{
  position: center;
  padding: 400px; 
  padding-bottom: 240px;
  background-image: url(image/background3.png);
  width: 47%;
  height: 100px; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.logo{
	position: absolute;
	top: 5%;
	right: 5%;
}

.circle{
	position: absolute;
	right: 10%;
	top: 10%;
}

.speaker{
	position: absolute;
	right: 5.2%;
	top: 22%;
	height: 10px;
}

.speaker-text{
	position: absolute;
	font-size: 10px;
	right: 13%;
	top: 73%;
	font-family: 'DM Sans', sans-serif;
	color: #EEE834;
}

.text{
	position: absolute;
	left: 5%;
	top: 10%;
}

.big-title{
	padding-top: 5px;
	font-size: 30px;
	font-family: 'DM Sans', sans-serif;
	color: white;
	text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
    
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}

.title{
	font-size: 20px;
	font-family: 'DM Sans', sans-serif;
	color: #EEE834;
}

.icon{
	position: absolute;
	top: 55%;
	left: 5%;
	color: white;
	font-size: 100px;
}

.date{
	position: absolute;
	left: 12%;
	top: 50%;
	color: white;
	padding-top: 50px;
	font-size: 10px;
	font-family: 'DM Sans', sans-serif;
}

.time{
	position: absolute;
	left: 30%;
	top: 50%;
	color: white;
	padding-top: 50px;
	font-size: 10px;
	font-family: 'DM Sans', sans-serif;
}

.link{
	padding:0px 5px;
	color: black;
	background-color: white;
	border-radius: 8px;
	position: absolute;
	bottom: 10%;
	left: 5%;
	font-size: 25px;
	font-family: 'DM Sans', sans-serif;
}

.link-text{
	padding:0px 5px;
	color: white;
	position: absolute;
	bottom: 15%;
	left: 5%;
	font-size: 25px;
	font-family: 'DM Sans', sans-serif;
}

.center {
  display: block;
 	margin-left: auto;
  margin-right: auto;
}