simple black & white layout

<style> body { background-color: #000000; font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGOTHIC"; } :root { --light-gray: #ffffff; --gray: #e3e3e3; --dark-gray: #919191; --darker-gray: #545454; --logo-blue: #000000; --darker-blue: #000000; --lighter-blue: #000000; --even-lighter-blue: #ebebeb; --lightest-blue: #ebebeb; --red: #000000; --dark-orange: #000000; --light-orange: #ebebeb; --even-lighter-orange: #ffffff; --strange-yellow: #ffffff; --green: #34D399; --light-green: #E6F8DD; --medium-green: #A0C99C; --dark-green: #059669; accent-color: #1D4ED8; accent-color: var(--logo-blue); } .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); height: 12px; width: 12px; } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { content: url(https://i.postimg.cc/wMym0bq5/swirl.gif); } .online{content:url("https://i.postimg.cc/j5G6fJPS/cat-pixel.gif"); </style>