@font-face {
    font-family: azar;
    src: url(../font/Azar.ttf);
}

body {
    height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 20% 30%, #ff00b373 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #0088ff80 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, #00ff6666 0%, transparent 60%),
        radial-gradient(circle at 30% 80%, #ff004480 0%, transparent 70%),
        linear-gradient(180deg, #ffd7fa 0%, #ffb9f6 20%, #9ef0ff 55%, #8deeff 75%, #ffffff 100%);
    background-blend-mode: screen, screen, overlay, normal, normal;
    position: relative;
    overflow: hidden;
}

::selection {
    color: #ff5e79;
    background-color: #4174a7;
}

.mom-sec-parmis {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 98dvh;
}

.mom-div-content {
    position: relative;
    width: 600px;
    height: 600px;
    overflow: hidden;
    border-radius: 400px;
    corner-shape: squircle;
    border: 3px solid transparent;
    background: linear-gradient(#002a53 0 100%) padding-box, linear-gradient(-45deg, #ff00b3, #7d0081, #ff00b3) border-box;

}

.backGround {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.parmis-animation {
    width: 100%;
    position: absolute;
    top: -4%;
    left: 5%;
    z-index: 3;
}

h1 {
    position: absolute;
    top: 35%;
    left: -50%;
    z-index: 2;
    text-align: center;
    direction: rtl;
    font-size: 60px;
    font-family: azar;
    color: #7d0081;
}

.btn-del {
    position: absolute;
    top: -12%;
    left: 50%;
    z-index: 6;
    transition: 300ms;
    width: 170px;
    height: 60px;
    border-radius: 150px;
    background-color: #7d0081;
    corner-shape: squircle;
    transform: translate(-50%, 0);
    direction: rtl;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-family: azar;
    color: #ff00b3;
    font-size: 22px;
    border: 3px solid #ff00b3;
    transition: 300ms;
}

.btn-del:hover{
    border-color: #7d0081;
    transition: 300ms;
}
.parmis {
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    z-index: 5;
}

.img-footer-parmis {
    width: 200px;
}

.mom-footer-img {
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
}

.mom-phone {
    position: fixed;
    top: -34%;
    left: 50%;
    transform: translate(200px, -50%);
    scale: 0.5;
    
}

.phone {
    width: 400px;
}

.old-phone {
    width: 400px;
    height: 600px;
}

.falsh {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 30px #fff, 0px 0px 40px #fff, 0px 0px 50px #fff,0px 0px 60px #fff,0px 0px 70px #fff,0px 0px 80px #fff,0px 0px 90px #fff;
    position: absolute;
    top: 83px;
    left: 272px;
}