@tailwind base;

@tailwind components;

@tailwind utilities;

.skew {
    display: none;
}

.skewed-top-right .skew-top.mr-for-radius {
    display: block;
}

.skewed-top-left .skew-top.ml-for-radius {
    display: block;
}

.skewed-bottom-right .skew-bottom.mr-for-radius {
    display: block;
}

.skewed-bottom-left .skew-bottom.ml-for-radius {
    display: block;
}

.skewed-top-right .radius-for-skewed {
    border-top-right-radius: 6rem;
}

.skewed-top-left .radius-for-skewed {
    border-top-left-radius: 6rem;
}

.skewed-bottom-right .radius-for-skewed {
    border-bottom-right-radius: 6rem;
}

.skewed-bottom-left .radius-for-skewed {
    border-bottom-left-radius: 6rem;
}

@font-face {
    font-family: 'Protest';
    font-weight: 400;
    font-style: normal;
    src: url("/ProtestRevolution-Regular.woff2") format('woff2');
}

h1 { font-family: 'Protest'; }