*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:"Microsoft JhengHei";
}

body{
background:#1b1b1b;
color:#fff;
padding:20px;
}

h1{
text-align:center;
margin-bottom:20px;
}

.grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(200px,1fr));

gap:15px;

}

.card{
	
	background-color: rgba(0,0,0,0.60)
background:#2d2d2d;

border-radius:12px;

padding:20px;

text-align:center;

transition:.3s;

box-shadow:0 5px 10px rgba(0,0,0,.4);

}

.card:hover{

transform:translateY(-5px);

}

.card i{

font-size:40px;

color:#4fc3f7;     //小圖示顏色

margin-bottom:10px;

}

.card h3{

margin-bottom:15px;

font-size:20px;

}

.card p{

font-size:20px;

font-weight:bold;

}