@charset "utf-8";
/* CSS Document */

body {
    background-color: #000131;
    overflow: hidden;
}
h1 {
    color: #FFFFFF;
    text-align: center;
    margin-top: 30vh;
    font-size: 3rem;
}
p {
	color: rgba(74,172,168,0.80);
    text-align: center;	
	margin-top: -.5vh;
    font-size: .8rem;
	}
p:hover {
	color:rgba(77,99,199,1.00);
	text-decoration: underline
}
span {
    font-family: sans-serif;
    position: relative;
    display: inline-block;
    animation: bounce 2s linear infinite;
animation-delay: calc(.05s * var(--i));
}
a {
	text-decoration: none;
}
#output.animated {
      animation: bounce 0.5s;
    }
@keyframes stars {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 100%;
}
}
.buttondiv:hover
{
	background-color:rgba(225,40,133,.5);
	filter: drop-shadow(4px 4px 1px rgba(200,0,200,0.75)) drop-shadow(5px 9px 1px rgba(27,62,150,0.75));
}
.buttondiv {
	font-size:20px;
	font-style:italic;
	min-width: fit-content;
	text-align:center;
	width:175px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:rgba(134,206,203,.5);
	border-radius: 10px;
	color: #FFFFFF;
	filter: drop-shadow(2px 3px 1px rgba(200,0,200,0.75)) drop-shadow(4px 5px 1px rgba(27,62,150,0.75));
}
.stars {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    animation: stars 50s linear infinite;
    background: transparent url(https://t3.ftcdn.net/jpg/01/87/78/52/360_F_187785272_IYDuTUwv2ksNUPPrE7a8OrcOZFRtqI3z.jpg) repeat 0 0;
}
@keyframes bounce {
0% {
transform: translateY(0);
}
35% {
transform: translateY(0);
	color: #23C7BF;
}
50% {
transform: translateY(-5px);
	color: #8fD;
}
65% {
transform: translateY(0);
	color: #23C7BF;
}
100% {
transform: translateY(0);
}
}
.bouncingtext {
	color: #23C7BF;
    font-size: 3rem;
    letter-spacing: -.09rem;
    font-weight: 700;
    position: relative;
}
.nsssdiv {
	position: fixed;
	bottom: 5px;
	left: 5px;
	color: darkgray;
	text-align: center;
	padding: 10px;
	
}
.copied {
	color: #12DF69;
}