@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;1,100;1,200&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap');

:root, * { 
    font-family: 'Poppins', sans-serif; 
    font-size: .9rem;
}

.cursor { 
    font-size: 1rem; animation: blinker 1s linear infinite; 
}
@keyframes blinker { 50% { opacity: 0 } }

nav {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
    height: 90px;
    padding-bottom: 1rem
}

.nav-item .active {
    border-bottom: 1px solid grey
}

#vx-input,
main {
    margin: 100px 0
}

#vx-input > div {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
    padding: 1rem 0 0 0;
}

#vx-output > div {
    overflow: auto;
    height: 100vh
}

.vx-notes {
    font-size: .75rem;
    text-align: center;
    padding-top: 0rem
}

.bi-2x {
    font-size: 2rem;
}

.bi-3x {
    font-size: 3rem;
}

.bi-4x {
    font-size: 4rem;
}


.vx-agent .card-header {
    text-transform: uppercase;
}

.vx-agent-name {
    font-weight: 400;
    font-size: 1.2rem;
}

.vx-agent-jobs {
    font-weight: 300;
    font-size: .9rem;
    margin-top: -.3rem;
}


.text-voxy {
    color: darkorange
}

.ar,
.ar ul,
.ar ol {
    text-align: right;
    direction: rtl;
}

.h1, h1 {
    font-size: calc(1.375rem + .1vw);
    }

.h2, h2 {
    font-size: calc(1.125rem + .08vw);
}

.h3, h3 {
    font-size: calc(1.1rem + .06vw);
}