* {
  box-sizing:border-box;
}

body {
  background-image: url(/IMAGES/TILES/red152.jpg);
}

@font-face {
  font-family: virus; /* set name */
  src: url(/VIRUS\(1\).TTF); /* url of the font */
}

@font-face {
    font-family: cool; /* set name */
    src: url(/good-times/Good\ Times\ Rg.otf); /* url of the font */
}

.josefin-sans-font {
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}

.main-container {
  background-image: linear-gradient(rgb(229, 147, 147), rgb(175, 57, 57));
  width: 700px;
  height: 500px;
  display: grid;
  place-items: center;
  margin: auto;
  margin-top: 40px;
  padding: 20px;
  border-radius: 15px;
  box-shadow: inset 0px 0px 18px 2px #280408;
  outline: 6px solid #cf8c96;
  outline-offset: -3px;
}

.maincontainer-content {
  display: flex;
  flex-direction: column;
}

.heading {
  font-family: cool;
}

.body {
  font-family: "Josefin Sans";
}

.myButton {
	box-shadow: 3px 4px 0px 0px #ab1616;
	background:linear-gradient(to bottom, #ff7a7a 5%, #e33939 100%);
	background-color:#ff7a7a;
	border-radius:5px;
	border:1px solid #c23434;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:30px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc5454;
  width: 300px;
  height: 100px;
  margin: auto;
  text-align: center;
  line-height: 70px;
}
.myButton:hover {
	background:linear-gradient(to bottom, #e33939 5%, #ff7a7a 100%);
	background-color:#e33939;
}
.myButton:active {
	position:relative;
	top:1px;
}