body{
	background: lightblue;
}
.wrapper{
	margin-left:50%;
	transform: translate(-50%,150px);
}
.phone_case{
	margin-left:50%;
	transform: translate(-50%,0px);
	color: black;
	background-color: #daf5f1;
	border: 22px solid #111111;
	border-radius:50px;
	width: 310px;
	height:580px;
	padding:10px;
	filter: drop-shadow(0 0 0.25rem black);
  
}
.time{
	position:absolute;
	margin-top:5px;
}
.upblackelem{
	position:absolute;
	margin-left:17.5%;
	margin-right:20%;
	margin-top:-10px;
	width:60%;
	background-color: black;
	height:40px;
	tranfsorm: translate(0px,-50px);
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;
}
.data2{
	position:absolute;
	margin-top:5px;
	margin-right:25px;
	margin-left:80%;
}
.inner{
	margin-top:40px;
	width:100%;
	height:100%;
}
.icon{
	height:100px;
	border-radius: 10px;
	margin-top:10px;
	margin-bottom:10px;
	transition: .5s ease;
	display: inline-block;
}
.fixwidth{
	width:80px;
	height:80px;
	margin-left:10px;
	margin-right:10px;
}
.maxwidth{
	width:100%;
}

.i-green{
	background: #2A7B9B;
	background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
  
}
.i-lila{
  background: #3F5EFB;
	background: radial-gradient(circle,rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
}
.i-pink{
  background: #EEAECA;
	background: radial-gradient(circle,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
}
.i-glass-green{
  /* From https://css.glass */
	background: rgba(76, 225, 106, 0.4);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(76, 225, 106, 0.3);
}
.image-icon{
	position: absolute;
	max-height: 60px;
	margin:20px;
	border-radius: 4px;
	filter: drop-shadow(0 0 0.1rem black);
  
}
.fixwidth .image-icon{
	margin:10px;
}
.icon:hover{
	transition: .2s ease;
	transform: scale(1.15);
}
.content-after-image{
	margin-left:100px;
}