.container-index{
	width:100%;
	height:100%;
	margin-bottom:0;

}


@keyframes index-my-name {
  from {
    box-shadow: 0 0 10px #00ffff;
  }
  to {
    box-shadow: 0 0 20px #00ffff;
  }
}

.index-my-name{
	font-size:0.9rem;
	text-align:right;
	color:white;
  border-radius: 40px 0 40px 0;
	margin-right:1.3rem;
	padding:0.7rem;
  text-shadow: 0 0 10px #00ffff;

	    box-shadow: 0 0 10px #00ffff;

	
}


.myname-container{
	display:flex;
	align-content:right;
	justify-content:right;
}

.box1{
      margin-top:0.5em;
	width: 100%;
	padding-left:2rem;
	padding-top:1em;

	/* margin-right: 10px;
	margin-left: 10rem;
	margin-top: 10rem;
 */
	
}

/* .box2{
	width: 20%;
	margin-left: 30rem;
	margin-top: 7rem;
	border:10px solid red;
} */

.box1 p{
	font-weight: bold;
	font-size: 2rem;
		width: 50%;
font-family: 'Inconsolata', monospace;
font-family: 'Prompt', sans-serif;
	color: white;
	
}

.container-index span{
font-size:2rem;
	color:green;
	font-family: 'Inconsolata', monospace;
font-family: 'Prompt', sans-serif;
	
}

/* .box2 a{
	font-size: 20px;
	font-weight: bold;
	color: white;
	border: 10px solid white;
	padding: 12px;
	border-radius: 8px;
	  text-decoration: none;
	display: inline-block;
	padding-left:40px ;
		padding-right:40px ;


}
 */
/* .box2 a:hover{
box-shadow: 0 0 5px 2px black;
} */

.box2{
	/* float: right;
	align-self: auto;
	position: absolute; */
	/* top: 60%;
	left: 50%; */
	border-radius: 8px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:3em;

}

.input-form{
	border-radius: 9px;
	padding:0.5em;
vertical-align: middle;
	
	

}
.box2 label{
	color: wheat;
	font-size:1rem;
	
}

.btn-submit {
	border-radius: 0.5rem;
	   display: block;
	  text-align: center;
	width:45%;
	font-size:0.7rem;
	padding:0.3em;
	margin-top:0.5rem;


}
form{
		border: 1px solid white;
	border-radius:0.7rem;
	  text-align: center;
	padding:1em;


}

.button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}



.btn-submit:hover{
box-shadow: 0 0 5px 2px black;
}

.name{
	
	text-align:center;
	font-size:0.9rem;
	color:white;
	margin-bottom:2.3em;
	margin-top:2em;
}
@media (max-width: 768px) {
  .box1 p {
    font-size: 1.5rem;

  }

	.box2 label{
			      font-size: 0.9rem;

		
	}
}