/* spacing */

table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 3px solid purple;
}
table th{
  border:1px solid black;
  background-color:#71c1fb;
  width:100px;
  height:20px;
  font-size:15px;
}

table td{

    border:1px solid #A6C1E4;

    text-align:center;

    height:15px;

    padding-top:5px;

    font-size:12px;

}

thead th:nth-child(1) {
  width: 30%;
}

thead th:nth-child(2) {
  width: 20%;
}

thead th:nth-child(3) {
  width: 15%;
}

thead th:nth-child(4) {
  width: 35%;
}

th,
td {
  padding: 20px;
}
.font3 > p {
  font-size: 40px;
  text-shadow: 5px 5px 5px black, 0px 0px 2px black;
  color: rgb(54, 15, 229);
}
body {
  width: 100%;
  height: 100vh;	/* 重点一 */
  margin: 0 auto;
  background-image: url(cg.jpg);
  background-repeat: no-repeat;
  background-size: cover; /* 重点二 */
  overflow: auto;
}