body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-sen);
  overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p,a{
  margin: 0;
  padding: 0;
}
p{
  font-family: 'Roboto', sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--font-sen);
}
ul,li,a{
  text-decoration: none;
  list-style: none;
}
a:hover {
  color: #24315d;
}
.container{
  max-width: 1440px;
  padding: 0 72px;
}


:root {
  /* fonts */
  --font-sen: Sen;
  --font-poppins: Poppins;
  --font-google-sans: "Google Sans";
  --font-stix-two-text: "STIX Two Text";
  --animation-speed: 2s;

  /* font sizes */
  --font-size-5xl: 24px;
  --font-size-xl: 20px;
  --font-size-29xl: 48px;
  --font-size-sm: 14px;
  --font-size-9xl: 28px;
  --font-size-lg: 18px;
  --font-size-17xl: 36px;
  --font-size-53xl: 72px;

  /* Colors */
  --color-black: #000;
  --color-white: #fff;
  --color-darkslateblue: #24315d;
  --color-steelblue-100: #337ab3;
  --color-steelblue-200: rgba(51, 122, 179, 0.2);
  --color-silver: #c4c4c4;
  --color-gray: #808080;
  --color-lavender: #d2e2ee;
  --color-cornflowerblue: #037bcb;
  --color-slategray: #5e6282;

  /* Paddings */
  --padding-xs: 12px;
  --padding-13xl: 32px;
  --padding-5xl: 24px;
  --padding-4xs: 9px;
  --padding-5xs: 8px;

  /* border radiuses */
  --br-5xl: 24px;
  --br-4xs: 9px;
  --br-5xs: 8px;
  --br-xs: 12px;
  --br-57xl: 76px;
  --br-93xl: 112px;
  --br-101xl: 120px;
}