* {
	padding: 0;
	margin:0;
}
body {
	background: linear-gradient(to right, #23074d, #cc5333);zq	
}
.flex {
	display:flex;
	flex-direction:column;
	/*align-items:center;*/
	padding: 10px;
	min-height: 89.3vh;
}
.wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	gap: 10px;
}
#btn{
	align-self:center;
	cursor: pointer;
	border-radius:5px;
	border:1px solid black;
	width: 20px;
	box-shadow: 0 0 5 black;
	font-size: 20px;
	display: flex;
	justify-content: center;
	margin: 4 px;
	background-color: #0f0c29;
	color:white;
	font-weight: 700;
	user-select: none;
}
.item{
	border: 2px solid rgb(138,138,255);
	padding:4px;
	border-radius:5px;
	box-shadow: 0 0 5px rgb(255,255,255);
	background-color: rgba(255,255,255,0.1);
}
.time{
	color:white;
	text-align:end;
	user-select: none;
}
footer {
	background-color:black;
	color:white;
	text-align:center;
	padding:20px;
	margin:0;
}
#txt {
	border: 7px ;
	border-radius: 15px;
	padding:10px;
}
.header {
	background-color:black;
	color:white;
	text-align:center;
	padding:20px;
	margin:0;
}
#btnDel{
	margin: 0 2px;
	width: 20px;
	border-radius:50%;
	background-color:red;
	user-select: none;
	height:20px;
}