/* content */
.content {
  width: 80%;
  /* height: 120vh; */
  margin: 20px auto;
  padding: 20px;
  align-items: flex-start;
  justify-content: center;
}

@media screen and (max-width: 500px) {
  .content {display: grid;}
}

.content .top-content {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: space-between;
}

.content .top-content div {
  display: flex;
}

.content .top-content div .editBtn {
  width: 120px;
  height: 35px;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #676767;
  padding: 9px 19px;
  text-decoration: none;
  cursor: pointer;
}

.content .top-content div .editBtn:hover {
  background-color: #0d58b2;
}

.content .description-category {
  display: flex;
}

/* content carousel */
.splide {
  position: relative;
  width: 65%;
  display: flex;
  margin: 30px auto 40px 200px;
}

.splide .splide__track .splide__list .splide__slide img {
  width: 225px;
  height: 125px;
  padding: 10px;
}

.splide .splide__track .splide__list .splide__slide:hover {
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .2);
  transition: all .2s;
}

.splide .splide__track .splide__list .splide__slide h4 {
  padding: 0 10px 25px;
  font-weight: 100px;
}

/* content description */
.description {
  width: 100%;
  margin: 0 auto;
}

.description .title {
  display: flex;
  justify-content: space-between;
}

.description .title h5 {
  font-weight: 100;
  font-size: 14px;
  margin-bottom: 40px;
}

.description p {
  font-size: 14px;
}

.downloadBtn {
  width: 120px;
  height: 35px;
  border: none;
  margin: 50px auto;
  color: #fff;
  background: #676767;
  padding: 7px;
  cursor: pointer;
}

.downloadBtn:hover {
  background-color: #0d58b2;
}

.downloadBtn:active {
  transform: scale(0.98);
}

/* .content category */
.category {
  width: 35%;
}

.category h5 {
  font-size: 14px;
  font-weight: 100;
  height: 40px;
}

.category div {
  width: 240px;
  height: 300px;
  /* padding: 10px; */
}

.category div p {
  border-bottom: 1px solid #999;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 2px;
}

.category div div {
  display: flex;
  background: none;
  height: 35px;
  margin-left: -10px;
  justify-content: space-between;
}
/* end of content */