<div class="site">
                <p style="padding: 10px;"><a href="myWebsite.html" id="Home">My Website</a></p>
                <p id="siteText">This is my primary website where all the information you might require on me is available! This site is also a demonstration of my work; however, external reviews are available on the website!</p>
            </div>

#siteText {
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    width: 475px;
    padding: 15px;
    position: absolute;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
}

#Home a:hover + #siteText {
    opacity: 1;
}