/* your styles go here */
@import url('https://fonts.googleapis.com/css2?family=Tinos&display=swap');

:root{
    --bs-primary: #8c52ff;
}

.login-page .info{
    background: rgba(121, 106, 238, 0.2);
}

.first-dm{
    color:var(--bs-primary);
}

.second-dm{
    color:var(--bs-white);
}

.dm-font{
    font-size: 25px;
    font-weight: 300;
    font-family: 'Tinos', serif;
}

.paddingright{
    padding-right: 0rem;
}

@media (min-width:768px){
    .paddingright{
        padding-right: 5rem;
    }	
}
@media (min-width:1024px){
    .paddingright{
        padding-right: 5rem;
    }         
}
@media (min-width:1500px){
    .paddingright{
        padding-right: 5rem;
    }           
}

.fontawesomesvg {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: var(--bs-primary);
}

#hidden_div {
    display: none;
}

.invalid-feedback{
    display: block;
}