
h1 {
  color: ghostwhite;
  font-size: 3em;
  cursor:url(sun.png);
 
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.5em;
}
body {
  color: white;
  font-family: Verdana;
  font-size: 1.1em;
  margin-left: 25%;
  margin-right:25%;
    margin-top:2cap;
    margin-bottom:3.5cap;
cursor:url(sun.png),auto;

background: url(background.jpg);
background-attachment: scroll;
 
}

p{
border: solid 1px white;
  padding: 3%;
}

a{ color: brown; 
text-decoration: none;
}  

button{
background:none; 
border-style:none;
padding: 0.1%;
border: 15px solid transparent;
        border-image: url("border.webp")300 round;
}

.container{
    display:flex;
  justify-content:space-between;

margin:50px auto;
width: 100%;
        overflow-x: hidden;
        
  border: 5px solid; 
}


.group{
  display:flex;
  align-items: space-between;
  justify-content:space-between;
  gap: 1em;
  animation: slide 17s infinite linear;
  padding: 1em;
}

.name{
 text-align: center;
gap:1em;
  flex: 2 0 7em;
  font-weight: bolder;
  font-style: oblique;
  font-size: 1.7em;
  font-family:Arial, Helvetica, sans-serif;
 border-radius: 0.2em;
 
}
@keyframes slide{
 from{translate:0;}
 to{translate: -125%;}
}

.container1{
  display: flex;
   justify-content:space-evenly;
  height: 300px;
}

.container2{
  display: flex;
  height: 400px;
  width: 1000px;
 justify-content:space-evenly;
}


#song{
  float: right;
  font-size: 1.1em;
      border: 40px solid transparent;
       max-width: 555px;
          max-height: 370px;
        padding: 1px;
        border-image: url("border.webp")100 round;
 
}
