body {
    width: 100%;
    height: 100%;
    /*background-image:*/
    /*    !*url('../public/assets/img/unnamed.png'),*!*/
    /*    !*url('../public/assets/img/Buckinghamshire.png'),*!*/
    /*        url('../img/chicago-skyline-2.jpg');*/
    /*background-repeat: repeat-x;*/
    /*background-position: 100% 100%;*/
    /*background-size: 100% 100%;*/
    /*animation: 700s para infinite linear;*/
}
@font-face {
    font-family: 'iransans';
    src: url('../fonts/iransans.eot'),/* IE9 Compat Modes*/
    url('../fonts/iransans.woff2') format('woff2'),/* Super Modern Browsers*/
    url('../fonts/iransans.woff') format('woff'),/* Pretty Modern Browsers*/
    url('../fonts/iransans.ttf') format('truetype');/* Safari, Android, iOS */
    font-weight: normal;
}
*{
    font-family: "iransans",serif;
}
/*@keyframes para {*/
/*    100% {*/
/*        background-position:*/
/*                -5000px 20%;*/
/*    }*/
/*}*/
.mainCard{
    transform: perspective(1200px) rotate3D(0, -1, 0, 5deg);

}

:root{
    --radius-1: 70%;
    --radius-2: 30%;
    --radius-3: 30%;
    --radius-4: 70%;
    --radius-5: 60%;
    --radius-6: 40%;
    --radius-7: 60%;
    --radius-8: 40%;
}

.blob{
    width: 450px;
    height: 360px;
    border-radius: var(--radius-1) var(--radius-2) var(--radius-3) var(--radius-4) / var(--radius-5) var(--radius-6) var(--radius-7) var(--radius-8);
    background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    position: absolute;
    top: 20px; left: 20px;
    z-index: -99;
}
.blob2{
    width: 500px;
    height: 360px;
    border-radius: var(--radius-8) var(--radius-1) var(--radius-3) var(--radius-4) / var(--radius-5) var(--radius-6) var(--radius-7) var(--radius-8);
    background-color: #21D4FD;
    background-image: linear-gradient(190deg, #21D4FD 0%, #B721FF 100%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 20px; right: 20px;
    z-index: -99;
}