@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
}

.f-Inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}


/* Untuk Chrome, Safari, Edge, dan Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Untuk Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

#UserNavbar {
    background: linear-gradient(
        to right,
        #01aa04,
        #37c03a,
        #01aa04
    );
    color: white;
}

#UserHomeContent {
    background-image: url('../../static/backgrounduser.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#UserFooter {
    background-color: rgb(252, 252, 252);
}

.footer-item {
    color: grey;
    transition: all .3s ease;
}

.footer-item:hover {
    color: green;
}

.JenjangCard {
    background-color: white;
    color: black;
    transition: all 0.2s ease;
}

.JenjangCard:hover {
    background-color: rgb(238, 163, 0);
    color: #ffffff;
    transform: scale(1.05);
}

.PakHendra {
    background-color: white;
    transition: all 0.4s ease;
    color: black;
}

.PakHendra:hover {
    background-color: rgb(13, 222, 17);
    transform: scale(1.07);
    color: white;
}