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

@layer components {
    .underLineHover {
        @apply relative after:bg-cyan-600 after:absolute after:h-1 
        after:w-0 after:bottom-0 after:left-0 hover:after:w-full 
        after:transition-all after:duration-300 cursor-pointer;
    }

}
@font-face {
    font-display: swap;
}

.leftBorder {
    border-left: darkcyan 3px solid;
}

html {
    scroll-behavior: smooth;
}