* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

body {
background-color: #0b0710;
color: #e8dff0;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
padding-bottom: 50px;
}


h1 {
background: linear-gradient(135deg, #160b24, #4b176d, #160b24);
color: #ffffff;
text-align: center;
padding: 35px 20px;
font-size: 40px;
text-shadow: 0 0 15px #9b4dcc;
border-bottom: 3px solid #7b2cbf;
}

h2 {
color: #c77dff;
text-align: center;
margin: 40px 0 20px;
font-size: 30px;
text-shadow: 0 0 10px #7b2cbf;
}

h3 {
color: #d8a4ff;
background-color: #160d20;
border-left: 5px solid #8a2be2;
margin: 25px auto 0;
padding: 15px 20px;
width: 85%;
max-width: 1000px;
font-size: 21px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(123, 44, 191, 0.2);
}

p {
background-color: #110b16;
color: #d6c9df;
margin: 0 auto 15px;
padding: 15px 20px;
width: 85%;
max-width: 1000px;
border-left: 2px solid #5a189a;
border-right: 2px solid #2d123d;
border-radius: 0 0 5px 5px;
}

h3 {
    color: #d8a4ff;
}

h3 a:hover{
    color: #ffffff;
    text-shadow: 0 0 10px #c77dff, 0 0 20px #7b2cbf;
}

a {
	color: #d8a4ff;
	 font-style: italic;	
}

img {
  margin: 10px;
  border-radius: 10%;
}