@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

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


body {
    font-family: "Inter", sans-serif;
}

.menu-closed {
    display: none !important;
}

#menuBtn.is-active .line-top {
    transform: translateY(3px) rotate(45deg);
}

#menuBtn.is-active .line-mid {
    opacity: 0;
}

#menuBtn.is-active .line-bot {
    transform: translateY(-5px) rotate(-45deg);
}
.master_class_button{
    display: flex;
    align-self: center;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding: 20px 1.5rem;
}