body {
background-color: brown;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;

}

h1 {
    color: rgb(0, 0, 0);
     font-family: "Bitcount", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0,
    "ELSH" 0,
    "ELXP" 0;
    color: red;
    font-size: 35px;
}

h2 {
    color: rgb(0, 0, 0);
    font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: Bold;
}

a {
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    border-bottom: 1px solid rgb(255, 0, 0);
    border-top: 1px solid rgb(255, 0, 0);
}

.container {
    width: 1200px;
    padding: 10px;
    margin: 10px;
    border: 1px solid rgb(4, 252, 178);
    justify-content: center;
    display: flex;

}

.item1 {
    background-color: rgb(191, 255, 0);
    padding: 10px;
    margin: 10px;
    width: 450px;
    font-family: "Amarna", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight 400;
  font-style: normal;
  color: purple;
  font-size: 18px;
}

.item2 {
    background-color: rgb(205, 0, 202);
    padding: 10px;
    margin: 10px;
    width: 450px;
    font-family: "Asimovian", sans-serif;
  font-weight: 400;
  font-style: normal;
    color: yellowgreen;
    font-size: 20px;
}