@import "./animation.css";
@import "./styles.css";
@import "./sections.css";

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

li {
  list-style-type: none;
}
button {
  outline: none;
  border: none;
  cursor: pointer;
}
a {
  color: var(--white-color);
  text-decoration: none;
}

:root {
  --background: #37383c;
  --secondary-background: #3a3b3f;
  --white-color: #ffffff;
  --gray-color: #c1c1c1;
  --orange-color: #ff9102;
  --red-color: #050303;
  /* --gradient-red-btn-color: linear-gradient(90.00deg, rgb(255, 56, 74), rgb(186, 43, 55) 100%); */
  --btn-color: #ff662d;
  --hover-btn-color: #ff723e;
  --main-color: #37383c;
  --card-color: #464646;
  --card-orange-color: #ff662d;
  --red-color: #fc3749;
  --violet-shadow: rgba(76, 29, 149, 0.3);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: var(--white-color);
  background-color: var(--background);
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

.editor-visual-editor {
  background-color: var(--background) !important;
}

.has-global-padding {
  padding: 0 !important;
}