html {
	font-family:Verdana, Geneva, Tahoma, sans-serif
}

h1 {
	font-size:90px;
	color:rgb(160, 115, 0);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color:white
}

body {
	line-height: 1;
	background-image: url("https://files.catbox.moe/d1vmvg.png");
	text-align: center;
	width:fit-content;
	margin:auto;
	background-repeat: no-repeat;
	background-size: cover;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
  }

p{
	font-size: 110%;
	font-family: Verdana;
	line-height: 125%;
	padding: 10px;
	padding-top: 15px;
	background-color: white;
	outline: 2px ridge white;
}
.icon {
    width:  80px;
    height: 100px;
    object-fit: contain;
}

.icon2 {
	width: 200px;
	height: 200px;
	object-fit: contain;
	outline: ridge white;
}

.icon:hover {
  height:100px;
  width:80px;
  opacity: 4;
  transition: .5s ease;
  background-color: black;
}
.text {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
  }
p a{
	color:grey;
	text-decoration: none;
}
p a:hover{
	color:white;
	text-decoration: underline;
}

UL{
	font-size: 110%;
	font-family: Verdana;
	line-height: 125%;
	padding-right: 50px;
	padding-left: 50px;
	background-color: white;
	outline: 2px outline grey;
}
.container {
  width:300px;
  height:200px;
  position:relative;
  background-color: white;
	border: 2px outline grey
}

.myClass{
	text-align: left;
	outline: 2px rgb(255, 255, 255) dashed;
}