modifikasi.css

@import url("../Font/Font.css");
:root {
    --bs-blue: #0948B3;
    --bs-indigo: #31316A;
    --bs-purple: #8965e0;
    --bs-pink: #C96480;
    --bs-red: #FA5252;
    --bs-orange: #FF9F89;
    --bs-yellow: #f5b759;
    --bs-green: #05A677;
    --bs-teal: #1E90FF;
    --bs-cyan: #63b1bd;
    --bs-white: #ffffff;
    --bs-gray: #93a5be;
    --bs-gray-dark: #506690;
    --bs-primary: #262B40;
    --bs-secondary: #F8BD7A;
    --bs-tertiary: #1B998B;
    --bs-quaternary: #0948B3;
    --bs-primary-app: #EBF4F6;
    --bs-secondary-app: #424AA0;
    --bs-light: #eaedf2;
    --bs-lighten: #F0F3F6;
    --bs-success: #05A677;
    --bs-info: #0948B3;
    --bs-warning: #f5b759;
    --bs-danger: #FA5252;
    --bs-white: #ffffff;
    --bs-gray: #4A5073;
    --bs-neutral: #ffffff;
    --bs-dark: #262B40;
    --bs-soft: #f5f8fb;
    --bs-black: #2e3650;
    --bs-blue: #0948B3;
    --bs-pink: #C96480;
    --bs-cyan: #63b1bd;
    --bs-purple: #8965e0;
    --bs-soft-indigo: #f5e8ff;
    --bs-soft-green: #2CA58D;
    --bs-gray-100: #f3f7fa;
    --bs-gray-200: #f5f8fb;
    --bs-gray-300: #F0F3F6;
    --bs-gray-400: #eaedf2;
    --bs-gray-500: #d1d7e0;
    --bs-gray-600: #93a5be;
    --bs-gray-700: #66799e;
    --bs-gray-800: #506690;
    --bs-facebook: #3b5999;
    --bs-twitter: #1da1f2;
    --bs-google: #DB4337;
    --bs-instagram: #e4405f;
    --bs-pinterest: #bd081c;
    --bs-youtube: #cd201f;
    --bs-slack: #3aaf85;
    --bs-dribbble: #ea4c89;
    --bs-dropbox: #1E90FF;
    --bs-twitch: #4B367C;
    --bs-paypal: #ecb32c;
    --bs-behance: #0057ff;
    --bs-reddit: #E84422;
    --bs-github: #222222;
    --bs-font-sans-serif: "Nunito Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4A5073;
    background-color: #ffffff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(46, 54, 80, 0);
}