Chat Box

<style>
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

h1, p, ul, body, html {
    margin: 0;
}

.container {
    width: 100%;
    padding: 50px;
    background: rgb(110, 190, 237);
    display: flex;
    margin: 0;
}

.box {
    position: relative;
    background: white;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    width: 70%;
}

.box-header {
    width: 100%;
    background: rgb(24, 21, 23);
}

.box-header-left {
    background: rgb(48, 43, 52);
    float: left;
    width: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;

}

.box-header-right {
    float: right;
    display: flex;
    position: absolute;
    margin-left: 80px;
}

.img-user {
    width: 20%;
    margin: 10px;
}

.username {
    color: white;
    font-size: large;
    text-align: center;
    margin: 50px;
}

.Status {
    color: green;
    margin: 50px;
}

.conteiner:after {
    content: "";
    clear: both;
}
</style>
<body>
    <div class="container">
        <div class="box">
            <div class="box-header">
                <div class="box-header-left">
                   <img class="img-user" src="/Homework3/Images/person-icon.png"
                    alt="image not found"
                    />
                </div>

                <!--Username Status-->
                <div class="box-header-right">
                    <div class="username">Georgi Petkov</div>
                    <div class="Status">ONLINE</div>
                </div>
                <!--Username Status End-->
            </div>

            <div class="box-body">
                <!--They-->
                <div class="they">
                    <div class="they-left">
                        <img class="chat-img" src="/Homework3/Images/person-icon.png"
                        alt="image not found"
                        />
                    </div>
                    <div class="they-right">
                        <p class="they-msg">Здравейте, бих искал да попитам.....</p>
                        <div class="time">15:15</div>
                    </div>
                </div>
                <!--They end-->

                <!--US-->
            </div>
        </div>
    </div>

</body>