html {
color: #39265f;
font-family: 'Coiny', 'sans-serif';
font-size: 15px;
-webkit-text-stroke: 1px white;
background-color:grey;
background-image: url('homepage_background6.png');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
text-shadow: 2px 2px 0px black, 0px 0px 5px black;
}

body, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
}

#box {
justify-content: center;
border: 7px ridge grey;
border-radius: 15px;
height: 500px;
width: 500px;
margin: 25px;
padding: 15px;
background-color: black;
transition: background-color .5s, box-shadow .5s, -webkit-transform .25s;
box-shadow: 0px 0px 35px 5px black, 0px 0px 35px 5px black inset;
}

#box:hover {
  transition: background-color .5s, box-shadow .5s, -webkit-transform .25s;
  background-color: darkgrey;
box-shadow: 0px 0px 35px 5px darkgrey, 0px 0px 35px 5px darkgrey inset;
-webkit-transform: scale(1.015);
}

#Subpage-Links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
}


.static {
  position: absolute;
  background: white;
  animation-play-state: paused;
}

.static:hover {
  opacity: 0;
}

button {
  transition: box-shadow .5s, -webkit-transform .25s;
  background-color: black;
  border: 2px outset grey;
  -webkit-text-stroke: 1px #595959;
  cursor: pointer;
  margin: 10px;
  border-radius: 10px;
  font-size: 15px;
  font-family: 'Coiny', 'sans-serif';
  box-shadow: 5px 5px 0px black;
}

button:hover {
  transition: box-shadow .5s, -webkit-transform .25s;
  box-shadow: 2.5px 2.5px 0px darkgrey;
  -webkit-transform: scale(1.125);
}

a {
  text-decoration: none;
}

textarea {
all: initial;
 background-color: white;
 color: black;
 font-size: 14px;
 font-family: 'Work Sans', sans-serif;
 -webkit-text-stroke: 1.5px black;
}