JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">
        <div id="footer1">
            <ul>
            <li class="topfooter"><a  href="troll.html">Contract</a></li>
            <li><a href="">Contact</a></li>
            <li><a href="">Contact</a></li>
            <li><a href="">Contact</a></li>                                                
            <li><a href="">Contact</a></li>
            <li><a href="">Contact</a></li>
            </ul>
    </div>
</div>

CSS

li.topfooter a {
    text-align:right; 
    font-size:40px;  
    color:#ffcaa6; 
    text-decoration:underline;
}