@font-face {
  font-family: 'Poppins';
  src: url('../font/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.menu {
  margin-left: 9%;
}

.container {
  position: absolute;
  height: 60%;
  width: 60%;
  top: 10%;
  left: 20%;
  color: white;
}

.logo1 img {
  width: 80%;
}

.logo1 {
  margin-top: 5%;
}

.wadah {
  width: 28%;
  float: left;
  margin-top: 5%;
}

.wadah img {
  width: 100%;
}

.gambar {
  padding: 10%;
  background-color: #7522b0;
  height: 160px;
}

.gambar img {
  width: 100%;
}

.gambar:hover {
  background-color: #490f72;
}

.tulisan {
  visibility: hidden;
  color: #fff;
  padding: 1%;
  margin-top: -3%;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  background-color: #490f72;
  font-weight: bolder;
  border-top: 2px dashed #b891d4;
  letter-spacing: 2px;
  z-index: 1;
  opacity: 0;
  min-height: 4rem;
}

.wadah:hover .tulisan {
  visibility: visible;
  opacity: 1;
}

/*
.menu{
  margin-top: 50px;
  margin-left:6%;
  width: 100%;
}
.menu img{
  width:25%;
  background-color: rgb(0,156,255);
  padding:20px;
  margin-left:-1%;
}
.menu a{
  width:2500px;
  color: white;
}
.menu img:hover{
  background-color: black;
}*/