@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
  --purple: rgba(98, 72, 131, 1);
  --white: rgba(255, 255, 255, 1);
  --balck-white: rgba(rgba(248, 250, 252, 1));
  --white-purple: rgba(128, 97, 167, 1);
  --dark: rgba(32, 32, 32, 1);
  --white-dark: rgba(238, 238, 238, 1);
  --second-black-white: rgba(203, 213, 225, 1);
  --btn-disabled-color: rgba(233, 233, 233, 1);
  --color-green: #828282;
  --color-black: #3e3e3e;
  --fontSize: 16px
}

* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

button {
  cursor: pointer;
}

img {
  max-block-size: 100%;
}

input:focus {
  outline: none;
}

::placeholder {
  color: unset;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
p {
	margin-bottom: 0;
}
.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}