.contact-links {
    xborder:1px solid grey;

    display:flex;
    align-items: center;
    justify-content:center;

    width:100%;
    height:35px;
    xheight:40%;
    padding:5px;
}

.contact-links > a.item {
    xborder:1px solid grey;
    text-decoration:none;
    xwidth:100%;
    height:100%;
    aspect-ratio: 1/1;
    display:flex;
    align-items: center;
    justify-content:center;
    margin-right:5px;

    xbackground-color:#00cc66;
    xbackground-color:#2ca167;
    background-color:rgb(62, 69, 81);


    border-radius:3px;
    font-size:1.5em;
    color:#15171a!important;
    xbox-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
    
}

.contact-links > a.item > i.icon  {
    xborder:1px solid lime;
    xwidth:100%;
    xaspect-ratio: 1/1;
    xheight:100%;
    xcolor:#00cc66;
    display:flex;
    align-items: center;
    justify-content:center;
 
}


.contact-links > a.item:hover {
	xcolor:rgb(255, 0, 0)!important;
    xpadding-bottom:10px;
    color:white;
    text-shadow:0px 0px 5px 5px black;
    xoutline:2px dashed white;
    background-color:#2ca167;
} 
.contact-links > a.item:visited {
	color:#00cc66;
    color:black;
} 
.contact-links > a.item:focus   {
	color:#d4d365;
    color:black;
} 
.contact-links > a.item:active  {
	color:#d4d365;
    color:black;
}