body {
    background-color: #0f172a; /* фон будет синий */
       color: white; /* серый фон */
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.container {
    margin: 200px auto;
    width: 400px;
    height: 200px;
    background-color: blue;
    border: 2px solid black;
    padding: 20px;
    text-align: center;

    }
.topi:hover {
    color: red;
}
.topi2:hover {
    color: orange;
}


.biigg {
    font-size: 50px;

}

a {
    color: #38488f;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/* первая ссылка */
.topi:hover {
    color: red;
    text-decoration: underline;
}

/* вторая ссылка */
.topi2:hover {
    color: orange;
    text-decoration: underline;
}
.btn {
  padding: 0 0 0 10px;
  white-space: nowrap; /* текст не будет переноситься */
  width: 140px;
  height: 30px;
  font-size: 20px;
  position: fixed; /* фиксируется относительно окна */
  top: 9px;
  right: 12px;     /* отступ от правого края окна */
  display: inline-block;      /* превращаем ссылку в блочный элемент */
  background-color: #2563eb;  /* фон */
  color: white;               /* текст */
  border-radius: 8px;         /* скруглённые углы */
  text-decoration: none;      /* убираем подчёркивание */
  transition: background 0.3s;
}

.btn:hover {
  background-color: #1e40af; /* цвет при наведении */
  text-decoration: none;
}
.btn1 {
  position: fixed; /* фиксируется относительно окна */
  top: 10px;
  right: 12px;     /* отступ от правого края окна */
  display: inline-block;      /* превращаем ссылку в блочный элемент */
  padding: 10px 20px;         /* внутренние отступы */
  background-color: #2563eb;  /* фон */
  color: white;               /* текст */
  border-radius: 8px;         /* скруглённые углы */
  text-decoration: none;      /* убираем подчёркивание */
  transition: background 0.3s;
  margin: 0px 0px 0px 0px;
}

.btn1:hover {
  background-color: #1e40af; /* цвет при наведении */
  text-decoration: none;
}
.btn2 {
  position: fixed; /* фиксируется относительно окна */
  top: 10px;
  right: 173px;     /* отступ от правого края окна */
  display: inline-block;      /* превращаем ссылку в блочный элемент */
  padding: 10px 20px;         /* внутренние отступы */
  background-color: #2563eb;  /* фон */
  color: white;               /* текст */
  border-radius: 8px;         /* скруглённые углы */
  text-decoration: none;      /* убираем подчёркивание */
  transition: background 0.3s;
  margin: 0px 0px 0px 0px;
}

.btn2:hover {
  background-color: #1e40af; /* цвет при наведении */
  text-decoration: none;
}