@keyframes animate {
  0% { background-position: 0 0; }
  50% { background-position: 300% 0; }
  100% { background-position: 0 0; }
}

body {
  background-image: url("bg.jpeg");
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

a {
  color: white;
  text-decoration: none;
  
text-shadow: red 0px 0px 10px;

}

a:hover {
  color: white;
  opacity: 0.5;
  }
  
.cont {
display: flex;
margin:0;
padding:0;
  align-items: center;
  justify-content: center;
background: rgba(206, 206, 206, 0.1);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.3px);
-webkit-backdrop-filter: blur(5.3px);
flex-direction: column;
width: inherit;
}

li {
display: flex;
  align-items: center;
  justify-content: center;
background: rgba(206, 206, 206, 0.1);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.3px);
-webkit-backdrop-filter: blur(5.3px);
flex-direction: column;
width: inherit;
margin:0;
padding: 10px 0 10px 0;
}

.hcont {
  width: 60vw;
  margin-top: 15vh;
  display: flex;
  align-items: center;
  justify-content: center;
background: rgba(206, 206, 206, 0.1);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.3px);
-webkit-backdrop-filter: blur(5.3px);
flex-direction: column;
}

.contcont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

h1 {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  padding:0;
  margin:0;
}

.box {
  position: relative;
  padding:0;
  margin: 0; 
  border: 1px;
}

.box::before,
.box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(45deg, #ff0000, #00f0f0, #00ff00, #0000ff, #ff0000, #00f0f0, #00ff00, #0000ff, #f00f0f);
  width: 100%;
  height: 100%;
  transform: scale(1.02);
  z-index: -1;
  background-size: 500%;
  animation: animate 20s infinite;
}

.box::after {
  filter: blur(20px);
}