.card-folder {
  display:flex;
  flex-wrap: wrap;
  }

.card {
  border-radius:30px;
  background-color: #777;
  width:700px;
  margin: 20px;
  }
.card-name {
  border-radius:30px 30px 0 0;
  padding: 15px 20px;
  height: 40px;
  font-size: 26px;
  font-weight:bold;
  text-shadow: 2px 2px 4px #000000;
  align-content:center;
  color: #fff;
  background-color: #4295f5;
  }
.card sup {
    font-family: Cambria;
    color:#ccc;
  }
.card sup::before {
  content: "[";
  margin: 0 3px;
  }
.card sup::after {
  content: ']';
  margin: 0 3px;
  }
.card-content {
  display:flex;
  align-content:center;
  }
.card-info {
  width: 300px;
  }
.card-info ul {
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  }
.card-info ul li {
  margin:2px 0px;
  padding:10px 20px;
  border:none;
  background-color: #666;
  list-style-type: none;
  }
.card-photo {
  width: 400px;
  padding: 10px 10px;
  background-color: #ccc;
  align-content: center;
  text-align: center;
  }
.card-footer {
  border-radius:0 0 30px 30px;
  background-color: #333;
  padding: 10px 10px;
  }