.brand {
    /* font-family: 'Alumni Sans Pinstripe', sans-serif; */
    border: none;
    font-family: 'Cuprum', sans-serif;
    font-size:17px;
    font-weight: bold;
    color:black;
    transition: .3s;
    text-transform: uppercase;
}

.brand:hover{
    background-color:black;
    color: orange;
   
}

.kate {
    /* font-family: 'Alumni Sans Pinstripe', sans-serif; */
    border: none;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    transition: .3s;
    text-transform: uppercase;
    font-size: 11px;
}

.kate:hover{
    background-color: orange;
    color: black;
}



.montok{
    color:lightgrey; 
    font-weight:bold; 
    font-family: 'Ubuntu Condensed', sans-serif;
    transition: .3s;
}

.montok:hover{
    color:orange;
    text-decoration: none;
    transform: scale(1.3);
    cursor: pointer;
    
}

.logo {
    font-family: 'Unica One', cursive;
    font-size: 50px;
}

.tag {
    font-family:'Ubuntu Condensed', sans-serif;
    color:maroon;
    text-transform: uppercase;
}

.tagjen{
     font-family:'Ubuntu Condensed', sans-serif;
    color:orange;
    font-size :14px;
    text-decoration: none;
    font-weight: bold;
    margin-right: 10px;
    transition: .3s;
    text-transform: uppercase;
}

.tagjen:hover{
    color:white;
    transform: scale(1.3);

}

.huruf{
    font-family: 'Krub', sans-serif;
}

.gerak{
    transition: .2s;
}

.gerak :hover{
    transform: scale(1.1);
}

.tagll{
    font-family:'Ubuntu Condensed', sans-serif;
    color:orange;
}

.tagllm{
    font-family:'Ubuntu Condensed', sans-serif;
    color: maroon;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.kontak{
    font-family:'Rajdhani', sans-serif;
    color: lightgrey;
}

body{
    background-image:url(../bg/bg.jpg);
}   

#aku{
    border: none;
    font-family: 'Cuprum', sans-serif;
    font-size:17px;
    font-weight: bold;
    color:black;
    transition: .3s;
    text-transform: uppercase;
}

#aku:hover{
    background-color:black;
    color: orange;
}

.watermark-container {
    position: relative;
    display: inline-block;
  }
  
  .watermark-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(241, 137, 39, 0.774);
    font-size: 24px;
    font-weight: bold;
    pointer-events: none;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
    padding: 8px 16px;
  }