.dashboard.grid{
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 49%);
	gap: 10px;
}

.card{
	width: 100%;
	height: 100%;
}

.card .title{
	font-weight: 700;
	font-size: 4rem;
}

.temps, .atm{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

@media only screen and (max-width: 600px), (orientation:portrait) {
	.dashboard.grid {
	  display: flex;
	  flex-direction: column;
	  overflow-y: scroll;
	  gap: 25px;
	  padding: 50px 0;
	}
}