@import 'main.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  font-family: "Inter", sans-serif;
}

h2 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.8rem;
  margin: 1em 0;
}

p {
  margin: 1em 0;
}

video {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  border: 1px solid #000;
}

#container01 {
  overflow: hidden;
  position: relative;

  &>* {
    position: absolute;
  }
}

/* Flex */
.flex {
  display: flex;

  &.justify-end {
    justify-content: flex-end;
  }
}

.modal-share.fancybox__content {
  background: #000;
  /* color: rgb(241, 241, 241); */
  color: rgb(170, 170, 170);
}

/* Spacting */
/* margin */
.my-3em {
  margin-top: 3em;
  margin-bottom: 3em;
}

/* Responsiveness */
/* phone */
@media (max-width: 480px) {
  .sm-hide {
    display: none;
  }
}