:root {
    --main-bg-color: rgb(106, 41, 172);
    --font1: 'Ubuntu', sans-serif;
    --font2: 'Josefin Sans', sans-serif;
    --font3: 'Sansita Swashed', cursive;
    --font4: 'Comfortaa', cursive;
}

.font1 {
    font-family: var(--font1);
}

.font2 {
    font-family: var(--font2);
}

.font3 {
    font-family: var(--font3);
}

.font4 {
    font-family: var(--font4);
    font-weight: 600;
}

.max-width-1 {
    max-width: 90vw;
    box-shadow: 1px 1px 5px grey;
    background-color: white;
}

.max-width-2 {
    max-width: 70vw;
}

.m-auto {
    margin: auto;
}

.mb {
    margin-bottom: 10px !important;
}

.paras {
    padding: 20px 50px 20px 50px;
}

.paras2 {
    padding: 10px;
}

.lightC {
    padding-top: 8px;
    color: rgb(124, 120, 120);
    font-size: 14px;
    font-weight: 600;
}


.tags {
    display: flex;
}

.tag_1 {
    background-color: blue;
    color: white;
    padding: 5px;
    margin: 5px;
    border-radius: 2px;
}

.tag_2 {
    background-color: blueviolet;
    color: white;
    padding: 5px;
    margin: 5px;
    border-radius: 2px;
}

.tag_3 {
    background-color: rgb(255, 145, 0);
    color: white;
    padding: 5px;
    margin: 5px;
    border-radius: 2px;
}

#graphcomment {
    width: 90vw;
    margin: auto;
    background-color: white;
    box-shadow: 1px 1px 5px grey;
}

.typeffect {
    font-size: 3.3rem;
    padding: 20px 0px 20px 15px;
    height: 100%;
    text-transform: capitalize;
}

.query h3 {
    font-size: 10px;
    opacity: 80%;
}

.site_construction {
    display: flex;
    justify-content: center;
}

.site_construction img {
    width: 85vw;
    height: 70vh;
}