*{
    transition: all 0.3s ease;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Unbounded';
    src: url('/fonts/Unbounded.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded-SemiBold';
    src: url('/fonts/Unbounded-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded-ExtraBold';
    src: url('/fonts/static/Unbounded-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded-Bold';
    src: url('/fonts/static/Unbounded-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded-Regular';
    src: url('/fonts/static/Unbounded-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded-Medium';
    src: url('/fonts/static/Unbounded-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

p,div,a {
    font-family: "Unbounded-Regular";
}

.light{
    font-family: 'Unbounded-Light';
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Unbounded-Bold';
    margin: 0;
}
#dotnet-compile-error{
    display: none;
}

.active{
    cursor: default;
}

.active div{
    color: white !important; 
    pointer-events: none;
}

.animate:hover{
    transform: translateY(-10px) translateX(2px);
    box-shadow: 4px 4px 6px 5px #00000030;
}