body {
  color: black;
  font-family: Verdana;
  background: 
      radial-gradient(farthest-side at -33.33% 50%,#0000 52%,#c77dff 54% 57%,#0000 59%) 0 calc(112px/2),
      radial-gradient(farthest-side at 50% 133.33%,#0000 52%,#c77dff 54% 57%,#0000 59%) calc(112px/2) 0,
      radial-gradient(farthest-side at 133.33% 50%,#0000 52%,#c77dff 54% 57%,#0000 59%),
      radial-gradient(farthest-side at 50% -33.33%,#0000 52%,#c77dff 54% 57%,#0000 59%),
      #e0aaff;
   background-size: calc(112px/4.667) 112px,112px calc(112px/4.667);
}

.websitetitle {
  text-align: center;  
  display: inline-block;
}

.websitetitletext{
  border-right: 5px solid;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  animation:
    typing 2s steps(22),
    cursor .4s step-end infinite alternate;
}

@keyframes cursor {
  50% {border-color: transparent} 
}

@keyframes typing {
  from {width: 0} 
}

#boxedtext {
 border:2px solid #c77dff;
 border-radius: 20px;
 padding: 20px;
 box-shadow: 7px 7px;
 background-color: #c77dff; 
}

.footer {
 position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #FFE5EC;
}