:root{
    --header-color: #f3f3f3;
    --font-color: #e9e9e9;
    --bg-color: #5346e9;
    --bg-next-color : #a39bf3;
    --bold-color: #7500c4;
}

body{
    font-family: 'Poppins', sans-serif;
    background-image: linear-gradient(to left , var(--bg-color), var(--bg-next-color));
    box-sizing: border-box;
    color: var(--font-color);
    position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: 600;
    color: var(--header-color);
}
.full-hight{
    height: 100%;
}

textarea, input, select,button{
    font-size: 18px !important;
    border: none !important;
}   
.popup{
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 1s ease;
    background-image: linear-gradient(to left , var(--bg-color), var(--bg-next-color));
    z-index: 2;
}
.popup p{
    font-size: 20px;
    line-height: 30px;
}