.img{
	display: flex;
    align-items: center;
    justify-content: center;
}
.boxed {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #313131;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
  }
.button {
    display: flex;
	justify-content: center;
	align-items: center;
    text-decoration: none;
    width: 60px;
    height: 60px;
	background-color: #3ab0ff;
    color: rgb(255, 255, 255);
}
.button i {
    margin-right: 10px;
}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 9998;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.wrapper {
	margin: 70px auto;
	padding: 20px;
	background: #e7e7e7;
	border-radius: 5px;
	width: 20%;
	height: 30%;
	position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all 5s ease-in-out;
}
.wrapper h2 {
	margin-top: 1;
	color: #333;
}
.wrapper .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.wrapper .close:hover {
	color: #23aeff;
}
.wrapper .content {
	max-height: 30%;
	overflow: auto;
}

.icon-container {
	display: flex;
	align-items: center;
}

.icon-container i {
	margin-right: 5px;
}