HomePage

<head>

    <style>
        p {
            font-family: "Segoe UI";
            font-size: 3vw;
            margin-top:10vh;
         margin-left: 3vw;
        }

        .line {
            position: relative;
            width: 45vw;
            height: 5px;
            background-color: orange;
            border-radius: 25px;
        }

        .under-section {
            position: absolute;
            text-align: center;
            font-size: 1.5vw;
            font-family: "Segoe UI";
            left: 10vw;
        }


        </style>
 </head>

<body>
    <p>
        Don't forget your teammates<br>
        birthdays with BirthMinder
    </p>
    <div class="line"></div>
    <p class="under-section">
        BirthMinder not only remind you<br>
        of someone's birthday,<br>
        but it also helps you <br>
        choose a present for them!
    </p>
    <img src="~/img/bubble.png"style=" width: 45vw; position:absolute; top:12vh;left:55vw;" z-index:-2;>
</body>