@font-face {
    font-family: SF-Display;
    src: url(../fonts/SF-Pro-Display-Regular.otf);
}

@font-face {
    font-family: SF-Display-Light;
    src: url(../fonts/SF-Pro-Display-Light.otf);
}

@font-face {
    font-family: SF-Display-Medium;
    src: url(../fonts/SF-Pro-Display-Medium.otf);
}

@font-face {
    font-family: SF-Display-Semibold;
    src: url(../fonts/SF-Pro-Display-Semibold.otf);
}

@font-face {
    font-family: SF-Display-Bold;
    src: url(../fonts/SF-Pro-Display-Bold.otf);
}

body {
    font-family: SF-Display-Light;
}

.sf-regular {
    font-family: SF-Display;
}

.sf-light {
    font-family: SF-Display-Light;
}

.sf-medium {
    font-family: SF-Display-Medium;
}

.sf-semibold {
    font-family: SF-Display-Semibold;
}

.sf-bold {
    font-family: SF-Display-Bold;
}

main {
    min-height: 100vh;
}

select {
    padding-left: 0.25rem !important;
}

.btnSimpan {
    border: none;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
}

footer {
    position: absolute;
    bottom: 0;
}