#header-text{
   /* -webkit-text-stroke: 3px grey; */
   text-shadow: -3px -3px 0 grey, 3px -3px 0 grey, 3px 3px 0 grey,
    3px 3px 0 grey;
   font-size: 80px;
   font-weight: 700;
   letter-spacing: 7px;
   color: white;
   padding: 5%
}

@media only screen and (max-width: 767px) {
  #header-text {
    font-size: 42px !important;
	/* -webkit-text-stroke: 2px grey !important; */
	margin-block: 15%;
	text-shadow: -2px -2px 0 grey, 2px -2px 0 grey, 2px 2px 0 grey,
    2px 2px 0 grey !important;
  }
  .link-button{
	 font-size: 20px !important; 
	 width: 225px !important;
	 padding-block: 20px !important
  }
}

.link-button{
	background-color: #eafe81 !important;
	color: black !important;
	border: none;
	font-size: 40px;
	width: 450px;
	margin-bottom: 10%;
	font-weight: 650;
	letter-spacing: 10px;
	border-radius: 35px;
	text-align: center;
	padding-inline: 10px !important
}

.btn:focus {
  box-shadow: none !important;
}

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none !important;
}

#index-body{
	background-image: url('../images/background.jpg'); 
	background-repeat: no-repeat; 
	background-size: cover;
	max-height: 200%;	
}

#contain{
	width: fit-content;
}