/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
body {
  font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

/* Links */
a {
  color: #d52526;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: underline;
}

/* Layout */
html,
body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.l-header {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  padding: 15px;
}
.l-main-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.l-main-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.l-content {
  display: flex;
  flex: auto;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}
.l-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

/* Forms */
.form-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

/* Lists */
.list {
  list-style-type: disc;
  padding-inline-start: 40px;
}
.list__new {
  color: green;
}
.list__update {
  color: blue;
}
.list__delete {
  color: red;
}

/* Sync results */
.block__accounts-sync-results {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}