ul{
  background:cyan;
  border-radius:20%;
  border:maroon 10px solid;
  margin-left: 10%;
  margin-right:20%;
  list-style :none;
}
ul::after{
  background:black;
  content:"▬▬ι═══════>🗿";
  color:cyan;
}
#sword-bullet:before{    
  	content:''; 
    display:inline-block; 
    height:1em; 	
    width:1em; 	
    background-image:url("https://projects.codecraftworks.com/web/SORnpvLfqU8yEnrnLXg2/assets/sword png modified.png"); 
    background-size:contain; 
    background-repeat:no-repeat;
}
#stone-bullet::before{    
  	content:''; 
    display:inline-block; 
    height:1em; 	
    width:1em; 	
    background-image:url("https://projects.codecraftworks.com/web/SORnpvLfqU8yEnrnLXg2/assets/stone png.png"); 
    background-size:contain; 
    background-repeat:no-repeat;
}
#title{
  background-image:radial-Gradient(white,white,cyan);
  border-radius:20%;
}
body{
	background:NavajoWhite; 
  font-family: "Nunito Sans", sans-serif; 
  
}
hr{
  background-image:radial-gradient(white,black,red,white,black);
  border: dotted cyan 10px;
  padding: 50px;
 margin-top:20px;
 margin-bottom:20px; 
  
}
h1{
  font-size: 35pt;
  margin-left:15%;
  margin-right:15%;
  padding-bottom:20px;
  text-align:center;
  text-shadow:2px 2px 5px red, 5px 5px 5px blue;
  box-shadow:5px 10px 5px maroon;
}
.center{
	text-align:center;
}
#pause-button{
  border:solid black 10px;
  border-radius:10%;
  font-size:20pt;
  color:black;
  padding:2rem;
  background:linear-gradient(to right,blue,white,red,white,black);
  cursor:pointer;
}
#pause-button:hover{
  border-color:white;
}
#pause-button:active{
  border-color:cyan;
}
#sword {
  position: relative;
  width:400px;
  z-index:-1;
  transform: rotate(30deg) translate(300px,200px);
  animation: sword-move 20s infinite;
}
#stone{
  position: relative;
  z-index:1;
}
.standard-size {
  transform:scale(95%,95%);
}
.standard-size:hover{
  transform:scale(110%,110%);
}
.standard-size:active{
  transform:scale(100%,100%);
}
.link-margin-shrink{
	margin-left:46%;
  margin-right:46%;
}
a{
  border-radius:20%;
  border-style:solid;
}
a:link {
  border-color:red;
  color: black;
  background:white;
}
a:visited {
  border-color:black;
  color: black;
  background:white;
}
a:hover {
  color: cyan;
  background:black;
  border-color:cyan;
}
a:active {
  color: white;
  background:black;
  border-color:white;
}
@keyframes sword-move{
  0%{transform:rotate(30deg) translate(300px,200px);
  }
  25%{transform:rotate(30deg) translate(100px,-200px);
  }
  50%{
    transform:rotate(-20deg) translate(100px,-200px);
  }
  75%{transform:rotate(30deg) translate(100px,-200px);
  }
  100%{transform:rotate(30deg) translate(300px,200px);
  }
}