style.css

body{ 
font-family: monospace;
  background-repeat: no-repeat;
  background-color: black;
  text-align: center;
  letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 10px;
 background-size: 1950px 1020px;
  background-position:middle;

 color: gray;  
}
a{ 
font-size: 20px;
  background-image:cover;
  text-align: center;
    letter-spacing: 2px;
    margin-top: 125px;
    margin-bottom: 10px;
  text-decoration: none;
  
color: pink;
}
.s{
  color:white;
  font-size: 75px;
}
.d{
  color:purple;
  font-size: 15px
}

.scripts{
margin-right: 1800px;
}
.sr3{
color: green;
}
button{
  background-color:black;
  color:white;
  border:none;
  border-radius: 10px;
  padding: 1px;
}
button:hover{
  background-color:darkgray;
}
a:hover{
  color:red;
}

.animated-element {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease; 
}

.animated-element.visible {
    max-height: 1000px; 
    opacity: 1;
}