*{
	box-sizing: border-box;
}

html{
	scroll-behavior: smooth;
}

body{
	font-family: Arial;
	padding: 20px;
	background-image: url(../img/b1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin: 5px;
}

h1{
	text-align: center;
	color: gold;
	font-size: 3em;
	margin: 10px;
	text-shadow: 2px 4px 4px royalblue;
}

.main .row{
	overflow: hidden;
}

.main .col{
	display: inline-block;
	padding: 25px;
}

.main .card {
  max-width: 36em;
  margin: auto;
}

.main img{
  width: 100%;
  height: 25em;
  border-style: solid;
}

/* Style the buttons */
.btn {
	overflow: hidden;
  border: none;
  outline: none;
  margin-left: 3em;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}