@import "variables";
@import "globals";
@import "header";

/* Video item*/
.video-item {
  background: $light-gray-color;
  min-height: 300px;
  padding: 1em;
}

.video-thumbnail {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  transition: all .4s ease-in-out;
}

.video-thumbnail:hover {
  transform: scale(1.1);
}

.video-thumbnail-container {
  position: relative;
  overflow: hidden;
}

.video-title {
  padding-top: 1em;
  font-weight: normal;
}
// FIXME:
section.video-item:hover {
  outline: 2px solid black;
}