* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #111;

    display: flex;
    justify-content: center;

    font-family: Arial, sans-serif;
}

.phone {
    width: 390px;
    min-height: 100vh;

    background: url("images/background.jpg") center / cover no-repeat;

    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    position: relative;
    width: 390px;
    height: 714px;
}

.avatar {
    position: absolute;
    top: 34px;
    left: 34px;

    width: 86px;
    height: 86px;

    border-radius: 50%;
    border: 2px solid #B0B2B5;
    object-fit: cover;
}

.profession {
    position: absolute;
    top: 52px;
    left: 141px;

    width: 122px;
}

.name {
    position: absolute;
    top: 86.89px;
    left: 141px;

    width: 148px;
}

.title {
    position: absolute;
    top: 245px;
    left: 34px;

    width: 269.98px;
}

.bottom-text {
    position: absolute;
    top: 557px;
    left: 34px;

    width: 303.57px;
}

.buttons {
    position: absolute;
    left: 34px;
    top: 346px;

    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn {
    display: block;
    width: 324px;
    height: 56px;
}