@import "./globals.css";
@import "./components/navigation/Navbar.css";
@import "./components/navigation/Menu.css";
@import "./components/card/CardWrapper.css";
@import "./components/customTextInput/CustomTextInput.css";
@import "./components/background/Background.css";
@import "./components/button/Button.css";
@import "./components/map/Map.css";
@import "./components/broadcast/Broadcast.css";
@import "./components/broadcast/BroadcastMenu.css";
@import "./components/customSelectList/CustomSelectList.css";
@import "./components/customTextArea/CustomTextArea.css";
@import "./components/toggle/Toggle.css";
@import "./components/multiselect/MultiSelect.css";
@import "./components/modal/Modal.css";
@import "./components/customDatePicker/CustomDatePicker.css";
@import "./components/campaigns/CampaignsList.css";
@import "./components/campaigns/CampaignContacts.css";
@import "./components/campaigns/TargetList.css";
@import "./components/userManagement/UserListItem.css";
@import "./components/loadingSpinner/LoadingSpinner.css";
@import "./routes/login/Login.css";
@import "./routes/home/Home.css";
@import "./routes/error/Error.css";
@import "./routes/createBroadcast/CreateBroadcast.css";
@import "./routes/trackCampaign/TrackCampaign.css";
@import "./routes/customizePreset/CustomizePresetBroadcast.css";
@import "./routes/usage/Usage.css";
@import "./routes/manageUsers/ManageUsers.css";

@font-face {
  font-family: "ProximaNova-Regular";
  src: url("./assets/fonts/ProximaNova-Regular.ttf");
}

@font-face {
  font-family: "ProximaNova-Bold";
  src: url("./assets/fonts/ProximaNova-Bold.ttf");
}

@font-face {
  font-family: "OpenSans-Regular";
  src: url("./assets/fonts/OpenSans-Regular.ttf");
}

@font-face {
  font-family: "OpenSans-Bold";
  src: url("./assets/fonts/OpenSans-Bold.ttf");
}

body {
  margin: 0;
  font-family: "ProximaNova-Regular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: rgba(242, 242, 242, 1);
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

p {
  font-family: "OpenSans-Regular";
}

button:not(:disabled) {
  cursor: pointer;
}

summary:focus {
  outline: none;
  cursor: pointer;
}

.App {
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

.heading-one {
  font-family: "ProximaNova-Bold";
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  max-width: 94%;
  color: var(--dark-purple);
}

.heading-two {
  font-family: "ProximaNova-Bold";
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
  color: var(--dark-purple);
}

.heading-three {
  font-family: "OpenSans-Bold";
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
  color: var(--white);
}

.app-container {
  margin-left: 0%;
  max-width: 100%;
  transition: all 0.7s ease-in-out;
}

.app-container[data-position="left"] {
  margin-left: -35%;
  transition: all 0.7s ease-in-out;
}