[Sammy12]

You have everything wrapped with an <a> tag that links to "mailto."

<div class="menubuttons">
    <a href="mailto:info@raphaelzwyer.com" target="_new">contact
        <span id="addressbox">
            <p id="email">info@raphaelzwyer.com</p>
            <p id="phone">917-650-9534</p>
            <p id="address">143 leonard street, apartment 5, brooklyn ny 11206</p>
        </span>
    </a>
</div>

You would need to move the <a> inside to only work on "info@raphaelzwyer.com":

<div class="menubuttons">
    <span class="rollspan">contact
        <span id="addressbox">
            <p id="email"><a href="mailto:info@raphaelzwyer.com" target="_new">info@raphaelzwyer.com</a></p>
            <p id="phone">917-650-9534</p>
            <p id="address">143 leonard street, apartment 5, brooklyn ny 11206</p>
        </span>
    </span>
</div>

I replaced the original <a> with <span>, therefore we have to make it act like it was an <a>:

.rollspan:hover {
    color: #BE1F2D;
}
.rollspan {
    display: block;
    cursor: pointer;
    color: darkGray;
}

You can copy and replace the html in your file and add the CSS somewhere and it should be good to go.