Social Links
Social Links 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Social Links</title>
    <link rel="stylesheet" href="src/output.css">

</head>
<body class="bg-gray-950 flex items-center justify-center min-h-screen">

    <div class="flex space-x-4">
        <a href="<https://facebook.com>" target="_blank" class="text-white bg-blue-600 hover:bg-blue-700 rounded-full p-3 transition duration-300">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                <path d="M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.406.593 24 1.325 24h11.494v-9.294H9.794v-3.622h3.026V8.413c0-3.007 1.837-4.654 4.518-4.654 1.284 0 2.384.095 2.704.138v3.135h-1.854c-1.456 0-1.737.692-1.737 1.706v2.236h3.472l-.452 3.622h-3.02V24h5.924C23.407 24 24 23.406 24 22.676V1.325C24 .593 23.407 0 22.675 0z"/>
            </svg>
        </a>
        <a href="<https://twitter.com>" target="_blank" class="text-white bg-blue-500 hover:bg-blue-600 rounded-full p-3 transition duration-300">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                <path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.897-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.206-4.92 4.917 0 .39.045.765.127 1.125C7.728 8.087 4.1 6.128 1.67 3.149c-.427.729-.666 1.57-.666 2.475 0 1.71.87 3.213 2.188 4.099-.807-.026-1.566-.248-2.229-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.6 3.415-1.68 1.319-3.809 2.105-6.102 2.105-.397 0-.789-.023-1.175-.067 2.179 1.397 4.768 2.212 7.557 2.212 9.054 0 14-7.496 14-13.986 0-.209 0-.42-.015-.63.961-.695 1.8-1.562 2.46-2.549l-.047-.02z"/>
            </svg>
        </a>
        <a href="<https://linkedin.com>" target="_blank" class="text-white bg-blue-700 hover:bg-blue-800 rounded-full p-3 transition duration-300">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                <path d="M22.23 0H1.77C.792 0 0 .774 0 1.728v20.543C0 23.226.792 24 1.77 24H22.23C23.207 24 24 23.226 24 22.272V1.728C24 .774 23.207 0 22.23 0zM7.08 20.452H3.56V9.03h3.52v11.422zM5.318 7.672c-1.12 0-2.03-.91-2.03-2.03 0-1.12.91-2.03 2.03-2.03s2.03.91 2.03 2.03c0 1.12-.91 2.03-2.03 2.03zM20.452 20.452h-3.52v-5.907c0-1.41-.028-3.222-1.963-3.222-1.963 0-2.262 1.534-2.262 3.118v6.011h-3.52V9.03h3.38v1.558h.048c.47-.891 1.617-1.826 3.33-1.826 3.561 0 4.217 2.345 4.217 5.394v6.296z"/>
            </svg>
        </a>
        <a href="<https://instagram.com>" target="_blank" class="text-white bg-pink-500 hover:bg-pink-600 rounded-full p-3 transition duration-300">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.366.063 2.633.317 3.608 1.292.975.975 1.229 2.241 1.292 3.608.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.063 1.366-.317 2.633-1.292 3.608-.975.975-2.241 1.229-3.608 1.292-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.366-.063-2.633-.317-3.608-1.292-.975-.975-1.229-2.241-1.292-3.608-.058-1.266-.07-1.646-.07-4.85s.012-3.584.07-4.85c.063-1.366.317-2.633 1.292-3.608.975-.975 2.241-1.229 3.608-1.292 1.266-.058 1.646-.07 4.85-.07m0-2.163C8.683 0 8.262.013 7.004.07 5.72.13 4.567.346 3.55.972 2.508 1.617 1.617 2.508.972 3.55.346 4.567.13 5.72.07 7.004.013 8.262 0 8.683 0 12s.013 3.738.07 4.996c.06 1.284.276 2.437.902 3.45.645 1.042 1.536 1.932 2.578 2.578 1.013.626 2.166.842 3.45.902 1.258.057 1.679.07 4.996.07s3.738-.013 4.996-.07c1.284-.06 2.437-.276 3.45-.902 1.042-.645 1.932-1.536 2.578-2.578.626-1.013.842-2.166.902-3.45.057-1.258.07-1.679.07-4.996s-.013-3.738-.07-4.996c-.06-1.284-.276-2.437-.902-3.45-.645-1.042-1.536-1.932-2.578-2.578-1.013-.626-2.166-.842-3.45-.902C15.738.013 15.317 0 12 0z"/>
                <path d="M12 5.838c-3.403 0-6.162 2.758-6.162 6.162s2.758 6.162 6.162 6.162 6.162-2.758 6.162-6.162-2.758-6.162-6.162-6.162zm0 10.18c-2.213 0-4.018-1.804-4.018-4.018s1.804-4.018 4.018-4.018 4.018 1.804 4.018 4.018-1.804 4.018-4.018 4.018zm6.406-11.845c-.796 0-1.44.645-1.44 1.44s.645 1.44 1.44 1.44 1.44-.645 1.44-1.44-.645-1.44-1.44-1.44z"/>
            </svg>
        </a>
    </div>

</body>
</html>