:root {
  --primary:#0E1728;
  --primary-rgb:14,23,40;
  --secondary:#61FFB5;
  --secondary-rgb:97,255,181;
  --optional:#5DA9FF;
  --white:#FFFFFF;
  --title:#242B35;
  --para:#757E8B;
  --albastor:#F3F4F6;
  --line:#dcded9;
  --round:20px;
  --shadow:0 24px 60px rgba(var(--primary-rgb),.12);
}

* {
  box-sizing: border-box
}

html {
  scroll-behavior: smooth
}

body {
  margin: 0;
  font-family: "DM Sans",Inter,Arial,sans-serif;
  color: var(--title);
  background: white;
  overflow-x: hidden
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Rethink Sans",Inter,Arial,sans-serif;
  margin: 0
}

p {
  margin: 0
}

a {
  text-decoration: none;
  color: inherit
}

button,input,textarea,select {
  font: inherit
}

img {
  display: block;
  max-width: 100%
}

.container {
  width: min(1240px,calc(100% - 44px));
  margin: auto
}

.round {
  border-radius: var(--round)
}