@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap"); /* Experimental color scheme */ /* light theme */ /* $defBG: #FFFFFF; $altBG: lightgray; $defFG: #000000; $altFG: #232627; $defLink: brown; $altLink: brown; $defShadow: 0px 0px 4px #232627; */ /* Inspired by Dracula */ * { font-family: "Quicksand", sans-serif; } body { background-color: #282A36; color: #F2F2F2; margin: 0; } .root-content { width: 95%; margin: auto; margin-bottom: 3rem; } .BillingPageFlex { display: flex; flex-direction: row; justify-content: space-between; height: 70vh; } .BillingPageFlex div { width: 45%; border: 1px solid pink; } @media only screen and (max-device-width: 480px) { .root-content { width: 95%; } }