<!-- RIGHT PAGE -->

                <div id="top-section">

                    <p class="margin-top-section" id="top-section-txt1">Languages</h1>

                    <p class="margin-top-section" id="top-section-txt2">HTML</p>

                    <div class="margin-top-section" id="top-section-text3">
                        <p class="margin-top-section">COLOR</p>
                    </div>

                    <p class="margin-top-section" id="top-section-txt4">TEXT</p>

                </div>






#top-section{
    position: relative;
    float: right;
    margin-top: -400px;
    margin-right: 20px;
    width: 500px;
    height: 230px;
    background-color: pink;
}

.margin-top-section{
    margin-left: 10px;
}

#top-section-txt1{
    font-size: 20px;
    color: black;
    font-weight: bold;
}

#top-section-txt2{
    font-size: 20px;
    color: yellow;
}

#top-section-text3{
    width: 80px;
    font-size: 20px;
    color: black;
    font-weight: bold;
    background-color: white;
}

#top-section-txt4{
    font-size: 40px;
    color: black;
}