body {
background: #DEDEDE;
}

h1{
font-family: "Pilkius Romeus";
font-size: 50px;
}

h2{
font-family: "Pilkius Romeus";
font-size: 40px;
}

h3{
font-family: "Pilkius Romeus";
font-size: 30px;
}

p{
text-align: left;
font-family: "Arial";
color: white;
font-weight: bold;
}

#background-img {
  background: radial-gradient(purple, navy);
  font-family: "Inter";
  padding: 3%;
  text-align: center;
  color: white;
}

#cliptext {
  background: radial-gradient(purple, navy);
  font-family: "Inter";
  background-clip: text;
  -webkit-background-clip: text;
  text-align: center;
  color: transparent;
}

.element {
	width: 200px;
  height: 200px;
  text-align: left;
  border: blue solid 1px;
  background: darkblue;
}

#scroll {
 overflow: scroll; 
}

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

.title {
  font-weight: bold;
}

div {
  margin: auto; 
}