html {
    scroll-behavior: smooth;
}


@font-face {
    font-family: Regular;
    src: url('../fonts/vwr.ttf');
}

.regular-font {
    font-family: Regular;
}

@font-face {
    font-family: Bold;
    src: url('../fonts/vwb.ttf');
}

.bold-font {
    font-family: Bold;
}


.main-bg {
    background-image: url('../images/bgm.jpg');
    background-size: cover;
    height: 100vh;
}

.transparent {
    background: transparent;
}

.square {
    border-radius: unset;
}

.is {
    box-shadow: 1px 1px #afafaf; /* Semi-transparent black shadow */
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.mt-25 {
    margin-top: 25vh;
}


.indemnity-div {
    height: 90vh;
    overflow: auto;
    scroll-behavior: smooth;
}

.data-div {
    height: 65vh;
    overflow: auto;
    scroll-behavior: smooth;
    padding-bottom: 15vh;
}

.shake {
    animation: shake 5s ease 0s infinite normal forwards;
}
@keyframes shake {

    0%,
    100% {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }

    10% {
        transform: rotate(1deg);
    }

    20%,
    40%,
    60% {
        transform: rotate(-2deg);
    }

    30%,
    50%,
    70% {
        transform: rotate(2deg);
    }

    80% {
        transform: rotate(-1deg);
    }

    90% {
        transform: rotate(1deg);
    }
}