:root{color-scheme:light dark}.social-icon-box{width:40px;height:40px;border-radius:9999px;background-color:#374151;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);text-decoration:none}.social-icon-box:hover{background-color:#ff7d05;color:#fff;transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(255,125,5,.3)}.social-icon-box i{font-size:1.1rem}.dark .social-icon-box{background-color:#1f2937}.dark .social-icon-box:hover{background-color:#ffb900;box-shadow:0 10px 15px -3px rgba(255,185,0,.3)}html.dark{color-scheme:dark}html:not(.dark){color-scheme:light}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}