.utama {
background: #FFD75F;
color: #339966;
padding: 5px;
border-radius: 10px;
width:20%;
}
.teknis {
background: #339966;
color: #FFD75F;
padding: 5px;
border-radius: 10px;
width:20%;
}
.panduan {
background: #FFD75F;
color: #339966;
padding: 5px;
border-radius: 10px;
width:20%;
}
.status {
background: #FFD75F;
color: #339966;
padding: 5px;
border-radius: 10px;
width:20%;
}
.tanya {
background: #339966;
color: #FFD75F;
padding: 5px;
border-radius: 10px;
width:25%;
}
.utama-hover {
background: white;
color: #FFD75F;
border-bottom: 2px solid #FFD75F;
padding: 5px;
width:20%;
}
.utama-hover:hover {
background: #FFD75F;
border-radius: 10px;
color: #339966;
}
.teknis-hover {
background: white;
color: #339966;
border-bottom: 2px solid #339966;
padding: 5px;
width:20%;
}
.teknis-hover:hover {
background: #339966;
border-radius: 10px;
color: #FFD75F;
}
.panduan-hover {
background: white;
color: #FFD75F;
border-bottom: 2px solid #FFD75F;
padding: 5px;
width:20%;
}
.panduan-hover:hover {
background: #FFD75F;
border-radius: 10px;
color: #339966;
}
.status-hover {
background: white;
color: #FFD75F;
border-bottom: 2px solid #FFD75F;
padding: 5px;
width:20%;
}
.status-hover:hover {
background: #FFD75F;
border-radius: 10px;
color: #339966;
}
.tanya-hover {
background: white;
color: #339966;
border-bottom: 2px solid #339966;
padding: 5px;
width:20%;
}
.tanya-hover:hover {
background: #339966;
border-radius: 10px;
color: #FFD75F;
}
.utama-hover a {color: #FFD75F;}
.utama-hover:hover a {color: #339966;}
.teknis-hover a {color: #339966;}
.teknis-hover:hover a {color: #FFD75F;}
.panduan-hover a {color: #FFD75F;}
.panduan-hover:hover a {color: #339966;}
.status-hover a {color: #FFD75F;}
.status-hover:hover a {color: #339966;}
.tanya-hover a {color: #339966;}
.tanya-hover:hover a {color: #FFD75F;}
.utama {
transition: all 2s;
}