ul {
  list-style-type: none;
  width: 800px;
  padding: 0;
  overflow: hidden;
  background-color: white;
  border-radius: 10px;
}

ul li {
  float: center;
}

ul li a {
  display: block;
  color: black;
  text-align: center;
  padding: 16px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: grey;
  transform: scale(1.5);
  transform-text: scale(5);
  transition: all 1s ease-in-out;
}

h1 {
  color: white;
  font-size:80px;
  text-decoration-line: underline;
}

h2 {
  color: white;
  font-size:40px;
  text-decoration-line: underline;
}

h3 {
  color: white;
  font-size:22px;
  text-decoration-line: underline;
}

h5 {
  color: white;
  font-size:25px;
}

h5:hover {
	transform: scale(5);
	transition: all 1.5s ease-in-out;
}

p {
  color: white;
}


.col {
  color: white;
  margin-left: 20px;
  margin-right: 20px;
}

body {
  background-image: linear-gradient(to right, white, #172cb3, #172cb3, white);
}

.column {
  float: left;
  width: 49%;
  height: 900px;
}

.column:hover {
	transform: scale(1.05);
}

.row:after {
  content: "";
  display: table;
  clear: both;
  width: 49%;
}

div {
  margin-left: 10px;
}

img:hover {
	transform: scale(1.05);	
}

.nav {
	grid-template-columns: auto;
}

.list {
	color: white;
}