.wrapper {
    height: 100vh;
    /*This part is important for centering*/
    display: grid;
}

.typing-demo {
    margin-left: 10%;
    width: 25ch;
    animation: typing 3s steps(25), blink .5s step-end infinite alternate;
    white-space: nowrap;
    /*overflow: hidden;*/
    font-family: monospace;
    font-size: 2em;
}
.description {
    visibility: hidden;
}

.typing-demo1 {
    margin-left: 20%;
    width: 55ch;
    animation: typing 2s steps(55), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    font-family: monospace;
    font-size: 2em;
    visibility: visible;
}

@keyframes typing {
    from {
        place-items: center;
        width: 0
    }
}

@keyframes blink {
    50% {
        border-color: transparent
    }
}

.recording {
    border-radius: 100%;
    background: #e0182733;
    animation-name: backgroundColorPalette;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}


@keyframes backgroundColorPalette {
    0% {
        background: white;
    }

    100% {
        background: #e018277d;
    }
}
.form-switch-lg .form-check-input {
    width: 79px !important;
    height: 43px !important;
}
.s1 {
    font-weight: 800 !important;
    font-size: 16px !important;
}
.btn-lg {
    padding: 1.3rem 2rem;
    font-size: 2.015625rem;
}
#button {
    display: block;
    margin: 20px auto;
    padding: 10px 30px;
    background-color: #eee;
    border: solid #ccc 1px;
    cursor: pointer;
}



.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}
@font-face {
    font-family: 'agra';
    src: url('../fonts/agra.ttf') format('truetype');
}
@font-face {
    font-family: 'sarpanch';
    src: url('../fonts/sarpanch-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'devanagari';
    src: url('../fonts/devnew.ttf') format('truetype');
}
@font-face {
    font-family: 'himalaya';
    src: url('../fonts/himalaya.ttf') format('truetype');
}
@font-face {
    font-family: 'tillana';
    src: url('../fonts/tillana-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'kalam';
    src: url('../fonts/kalam-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'kokila';
    src: url('../fonts/kokila.ttf') format('truetype');
}
@font-face {
    font-family: 'sarala';
    src: url('../fonts/sarala-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Krishna';
    src: url('../fonts/Krishna.ttf') format('truetype');
}
@font-face {
    font-family: 'dwarka_3';
    src: url('../fonts/dwarka_3.ttf') format('truetype');
}
@font-face {
    font-family: 'Avantika';
    src: url('../fonts/Avantika.ttf') format('truetype');
}

@font-face {
    font-family: 'BalooBhai2-Bold';
    src: url('../fonts/BalooBhai2-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Kruti_Dev_070_Wide';
    src: url('../fonts/Kruti_Dev_070_Wide.ttf') format('truetype');
}
@font-face {
    font-family: 'AnmolLipi';
    src: url('../fonts/AnmolLipi.ttf') format('truetype');
}
@font-face {
    font-family: 'Devanagari';
    src: url('../fonts/Devanagari.ttf') format('truetype');
}

@font-face {
    font-family: 'KRDEV010';
    src: url('../fonts/KRDEV010.ttf') format('truetype');
}

@font-face {
    font-family: 'KRDEV011';
    src: url('../fonts/KRDEV011.ttf') format('truetype');
}

@font-face {
    font-family: 'Aakriti';
    src: url('../fonts/Aakriti.ttf') format('truetype');
}

@font-face {
    font-family: 'Amar-Ujala';
    src: url('../fonts/Amar-Ujala.ttf') format('truetype');
}

@font-face {
    font-family: 'Chanakya';
    src: url('../fonts/Chanakya.ttf') format('truetype');
}

@font-face {
    font-family: 'Kundli';
    src: url('../fonts/Kundli.ttf') format('truetype');
}

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

@font-face {
    font-family: 'MANGAL';
    src: url('../fonts/MANGAL.ttf') format('truetype');
}

@font-face {
    font-family: 'Marathi-Roupya Normal';
    src: url('../fonts/Marathi-Roupya Normal.ttf') format('truetype');
}

@font-face {
    font-family: 'DevLys_010';
    src: url('../fonts/DevLys_010.ttf') format('truetype');
}

@font-face {
    font-family: 'Marathi-Vakra';
    src: url('../fonts/Marathi-Vakra.ttf') format('truetype');  
}

@font-face {
    font-family: 'Marathi-Kanak';
    src: url('../fonts/Marathi-Kanak.ttf') format('truetype');
}

@font-face {
    font-family: 'Marathi Sharada Normal';
    src: url('../fonts/Marathi Sharada Normal.ttf') format('truetype');
}

@font-face {
    font-family: 'Devanagari New Normal';
    src: url('../fonts/Devanagari New Normal.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

.ck .ck-reset .ck-dropdown__panel .ck-dropdown__panel_ne {
    height: 500px;
    overflow-y: scroll;
}