body{
    font-family: Fredoka;
    background-color: #2B233D;
    margin: 20px;
    position: relative;
}

p{
    font-family: Fredoka;
    color: #9B84C1;
    margin: 10px;
    font-size: 20px;
}

h1{
    font-family: Fredoka;
    color: #9B84C1;
}

table, td, th{
    font-family: Fredoka;
    color: #9B84C1;
    text-align: center;
    border: 2px solid #9B84C1;
    border-collapse: collapse;
}

.container {
    display: flex;
    align-items: center; 
}

.left-text, .right-text {
    flex: 1;
    text-align: center;
}

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

.center-text{
    text-align: center;
}

.right-img {
    position: absolute;
    right: 0;
    top: 100px;
}

.left-img {
    position: absolute;
    left: 0;
    top: 100px;
}

.clear {
    clear: both;
}

.shad {
	animation: text-shadow-drop-center 0.6s both;
}

@keyframes text-shadow-drop-center {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 0 18px #6f5d8b;
  }
}