@import url('https://fonts.googleapis.com/css?family=Nunito|Poppins&display=swap');
h2 h3 h4{
  font-family:  'Nunito', sans-serif;
}
.atas{
  font-family: 'Poppins', sans-serif;
}
.judul{
  text-align: center;
}
.bg-form{
  background-color: #fff;
  padding-top: 2em;
  padding-bottom: 2em;
  border-radius: 5px;
  margin-bottom: 2em;
  margin-top: -4em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bg-contact{
  padding-top: 2em;
  padding-bottom: 2em;
  border-radius: 5px;
  margin-top: 7em;
}
.kirim{
  height: 38px;
  width: 428px;
}
.isi{
  background-color: #E4E4E4;
}
.sisi{
  margin-top: 5em;
}
.bg{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bg-mitha{
  background-color: #bebebe;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.content-form{
   background: rgba(0, 0, 0, 0.5);position:fixed;width:100%;height:36.15em;
   padding:3em;
   border-radius: 15px;
}
#videoModal{
  border-radius: 15px;
}
.isi-modal{
  color: white;
}
.atasnya{
  color: white;
  text-align: center;
}
.isi-content{
  padding-top: 8em;
}
.tulis{
  background-color: #bebebe;
}
.kirim-modal{
  width: 4em;
}
.logo{
  webkit-box-shadow: -1px 10px 26px -8px rgba(0,0,0,0.75);
 -moz-box-shadow: -1px 10px 26px -8px rgba(0,0,0,0.75);
 box-shadow: -1px 10px 26px -8px rgba(0,0,0,0.75);
}
@import url('https://fonts.googleapis.com/css?family=Solway&display=swap');
.eror{
  width: 100%;

}
.objek{
  height: 280px;
  background-color: #D3DDE6;
  padding-top: 3em;
  padding-bottom: 2em;
  margin-top: 7em;
  margin-left: -7em;
  font-family: 'Solway', serif;
  font-size: 36px;
  text-align: center;
  -webkit-box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75);
 box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75);
}
.copyright{
  color: white;
}
.table-border-luar{
  border: 1px solid #bebebe;
}
.table-border-luar tbody{
  font-family: 'Rubik', sans-serif;
}
.table-border-luar tbody:hover{
  border-left: 3px solid #BC2000;
}
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 3s infinite;
   -moz-animation: flickerAnimation 3s infinite;
   -o-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
}

.animate-flicker2 {
   -webkit-animation: flickerAnimation 3.5s infinite;
   -moz-animation: flickerAnimation 3.5s infinite;
   -o-animation: flickerAnimation 3.5s infinite;
    animation: flickerAnimation 3.5s infinite;
}