@import "reset.css";

body { background: #7c7a7c; color: #666; }
a:link { color :#EEE; text-decoration: none; }
a:hover { color: #EEE; text-decoration: none; }
a:active { color: #EEE; text-decoration: none; }
a:visited { color: #EEE; text-decoration: none; }

.header { width: 100%; padding: 30px 0; text-align: center; }
.header img { max-width: 350px; height: auto; }

.footer { width: 100%; padding: 30px 0; }

.social { display: flex; gap: 24px; justify-content: center; align-items: center; }
.social-icon { width: 45px; height: 45px; border: 2px solid #FFF; border-radius: 50%; color: #FFF; font-size: 1.7rem;
        display: flex; justify-content: center; align-items: center;
        transition: background 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s; }
.social-icon:hover { background: #e1001e; border-color: #e1001e; color: #FFF; }