body{
	font-family: sans-serif;
}

#first_div{
	min-height: 90vh;
	background-color: black;
  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("https://space.fortis.my.id/abambm/filestat/1742730458_DSC2711 1.jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100vw;
}
#about_div{
  min-height: 80vh;
  background-color: black;
  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("https://space.fortis.my.id/abambm/filestat/1742897271_Untitled design 1.png");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
#career_div{
  min-height: 50vh;
  background-color: black;
  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("https://space.fortis.my.id/abambm/filestat/1742897382_Untitled design.png");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

@media screen and (max-width: 768px){
	#first_div{
		min-height: 50vh;
		background-color: black;
	}
}
#head_text{
	font-size: 7vw;
	padding-top: 0px;
	color: white;
}
#body_text{
  font-size: 2vw;
  padding-top: 0px;
  color: white;
}

#head_text span {
	position:relative;
  	animation-duration: 1s;
  	animation-fill-mode: both;
}

#tx-1 {
  animation-name: delay;
  animation-delay: 0.1s;
}

#tx-2 {
  animation-name: delay;
  animation-delay: 0.2s;
}

#tx-3 {
  animation-name: delay;
  animation-delay: 0.3s;
}

#tx-4 {
  animation-name: delay;
  animation-delay: 0.4s;
}

#tx-5 {
  animation-name: delay;
  animation-delay: 0.5s;
}

#tx-6 {
  animation-name: delay;
  animation-delay: 0.6s;
}

#tx-7 {
  animation-name: delay;
  animation-delay: 0.7s;
}

#tx-8 {
  animation-name: delay;
  animation-delay: 0.8s;
}

#tx-9 {
  animation-name: delay;
  animation-delay: 0.9s;
}

#tx-10 {
  animation-name: delay;
  animation-delay: 1s;
}

#tx-11 {
  animation-name: delay;
  animation-delay: 1.1s;
}

#tx-12 {
  animation-name: delay;
  animation-delay: 1.2s;
}

#tx-13 {
  animation-name: delay;
  animation-delay: 1.3s;
}

#tx-14 {
  animation-name: delay;
  animation-delay: 1.4s;
}

#tx-15 {
  animation-name: delay;
  animation-delay: 1.5s;
}

#tx-16 {
  animation-name: delay;
  animation-delay: 1.6s;
}

#tx-17 {
  animation-name: delay;
  animation-delay: 1.7s;
}

#tx-18 {
  animation-name: delay;
  animation-delay: 1.8s;
}

#tx-19 {
  animation-name: delay;
  animation-delay: 1.9s;
}

#tx-20 {
  animation-name: delay;
  animation-delay: 2.0s;
}

#tx-21 {
  animation-name: delay;
  animation-delay: 2.1s;
}

@keyframes delay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#myVideo {
  min-width: 100%; 
  min-height: 100%; 
  max-width: 100%; 
  max-height: 100%; 
}

/*====================*/


.img_on_part_two{
	border-radius: 40px;
}

#part_three{
  background-image: url("img_tree.gif");
  background-repeat: no-repeat;
  background-attachment: fixed;
}


#part_two_heading{
	background-color: #000;
}

#second_div{
	min-height: 90vh;
	background-color: black;

  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("https://space.fortis.my.id/mempelaibijak/kolasebgfx.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#third_div{
	min-height: 50vh;
}

#forth_div{
	min-height: 90vh;
	background-color: black;
}



#e_first_div{
	min-height: 92.5vh;
	background-color: black;

  background-image: url("https://space.fortis.my.id/mempelaibijak/bganimation.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}