Bản mẫu:Khoa học tự nhiên 6/style.css

  .card {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
    background-color: #14866d;
    font-family: Roboto, Segoe UI, -apple-system, sans-serif;
    padding: 50px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
    transition: all 0.1s ease-in-out;
  }
  
  .card:hover {
    box-shadow: inset 0 0 0 1000px rgba(20, 134, 109, 0.8);
    transition: all 0.1s ease-in-out;
  }
  
  .card a {
  	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color:transparent;
  }
  
  .card.phan-mo-dau {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/d/d1/Dna-163466.jpg");
  }
  
  .card.cac-phep-do {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/8/86/Steel_ruler_closeup.jpg");
  }
  
  .card.trang-thai-chat {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/f/f9/Water_Dolphin.jpg");
  }
  
  .card.oxygen {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/e/e1/Monterrey_Mexico_Clouds.jpg");
  }
  
  .card.hon-hop {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/3/3c/Sucre_blanc_cassonade_complet_rapadura.jpg");
  }
  
  .card.luong-thuc-thuc-pham {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/6/6d/Good_Food_Display_-_NCI_Visuals_Online.jpg");
  }
  
  .card.te-bao {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/7/7b/Animal_Cell_Unannotated.svg");
  }
  
  .card.da-dang-song {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/f/f6/Fungi_of_Saskatchewan.JPG");
  }
  
  .card.luc {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/d/d9/GravityPotential.jpg");
  }
  
  .card.nang-luong {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/3/38/Lightning_simulator_questacon04.jpg");
  }
  
  .card.trai-dat {
  	background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Solar_system_scale-2.jpg");
  }

  .card .text {
    font-size: 150%;
    font-weight: bold;
    color: white;
  }