.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #dcdcdc;
}

.window {
  width: 824px;
  height: 664px;
  border: 2px solid black;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  background-color: #f0f0f0;
  position: relative;
}

.title-bar {
  background: repeating-linear-gradient(
    -45deg,
    #c0c0c0,
    #c0c0c0 4px,
    #a0a0a0 4px,
    #a0a0a0 8px
  );
  color: black;
  padding: 4px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid black;
}

.title {
  font-weight: bold;
}

.buttons {
  display: flex;
  gap: 4px;
}

.lang-btn {
  background-color: #e0e0e0;
  border: 1px solid black;
  cursor: pointer;
}

.lang-btn:hover {
  background-color: #d0d0d0;
}

.iframe {
  border: none;
  margin: auto;
}