@import url('https://fonts.googleapis.com/css2?family=Titillium+Web');
@import url(https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/0.0.0-5a9c68d/base.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/0.0.0-5a9c68d/components.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/0.0.0-5a9c68d/utilities.min.css);

@tailwind base;
@tailwind components;
@tailwind utilities;


    a {
        outline: none;
    }    
    #image {
        transition: all 0.5s ease;
        background-position: center;
        &:hover {
            transform: scale(1.05);
        }
        ::after {
            background-color: black;
        }
    }

    .links {
        transition: all ease 0.25s;
        &:hover {
            transform: scale(1.05);
        }
        text-shadow: 0 0.05rem 0.25rem rgba(0, 0, 0, 0.05);
        &:hover {
            text-shadow: 0 0.15rem 0.50rem rgba(0, 0, 0, 0.15);
        }
        .fa-hand-paper{
            -moz-transform: scale(-1, 1) rotate(45deg);
            -webkit-transform: scale(-1, 1) rotate(45deg);
            -o-transform: scale(-1, 1) rotate(45deg);
            -ms-transform: scale(-1, 1) rotate(45deg);
            transform: scale(-1, 1) rotate(45deg);
        }
        #link-content {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }


body {
    font-family: 'Titillium Web', sans-serif;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 25px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}