@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('home.css');
@import url('modal.css');


html,
body,
div,
span,
applet,
object,
iframe h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* Устанавливаем box-sizing для всех элементов */
*,
*::before,
*::after {
  box-sizing: border-box;
  transition: all 0.3s;
}

/* Убираем списочные стили */
ol,
ul {
  list-style: none;
}

/* Убираем стандартное оформление ссылок */
a {
  text-decoration: none;
  color: inherit;
}

/* Убираем стандартные стили для кнопок */
button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

/* Устанавливаем базовый стиль для body */
.container {
  max-width: 1140px;
  margin: 0 auto;
}

body {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1;
  background: #fff;
  color: #000;
}