* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;

  background-image: url("https://i.pinimg.com/1200x/b8/4d/9f/b84d9fdac82685d9ca79c083933247e2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


/* главный блок */

.profile {
  position: relative;

  width: 500px;
  min-height: 300px;

  margin: 70px auto 0 auto;

  background: #e8e6df;
  border-radius: 12px;

  overflow: visible;
}


/* верхняя картинка */

.logo {
  width: 100%;
  height: 120px;

  overflow: hidden;

  border-radius: 12px 12px 0 0;
}

.logo img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* аватар */

.avatar {
  width: 70%;
  height: 140px;

  margin: 20px auto;
  padding: 7px;
}

.avatar img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* инфо */

.info {
  width: 485px;
  min-height: 200px;

  margin: auto;
  padding: 15px;

  background: #d9d5cc;
  border-radius: 12px;
}


/* нижняя строка */

.bottom {
  display: flex;
  align-items: stretch;

  gap: 20px;

  width: 420px;
  margin: 20px auto;
}


/* ссылки */

.links {
  width: 200px;
  min-height: 150px;

  padding: 15px;

  background: #d9d5cc;
  border-radius: 12px;
}


/* друзья */

.friends {
  width: 200px;
  min-height: 150px;

  padding: 15px;

  background: #d9d5cc;
  border-radius: 12px;
}


/* маленькая картинка между блоками */

.middle-frame {
  width: 60px;
  height: 150px;

  overflow: hidden;
}

.middle-frame img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}


/* стикер слева */

.sticker-left {
  position: absolute;

  width: 250px;
  height: auto;

  left: -130px;
  bottom: -42px;

  z-index: 10;
}