/*

 Author: Weston Simon
 Email: weston@redballtechnology.com

 Creation Date: 2023-10-03 14:23:00

 © redballtechnology.com

*/

.main{
    
    position: absolute;
    text-align: center;
    background-color: pink;
    padding: 30px;
    border-radius: 20px;
    left: calc(50% - (25% / 2));
    right: calc(50% - (25% / 2));
    top: calc(50% - (50% / 2));
    z-index: 9999;

    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.296);
    background: inherit;
    background-color: rgba(255, 255, 255, 30%);
    backdrop-filter: blur(10px);

    transition: all 500ms;
    
}

.submitButton{
    padding: 10px;
    font-size: large;
    border-radius: 5px;
    background-color: white;
    border-style: solid;
    border-color: black;
    cursor: pointer;
    color: black;
}


@media screen and (max-width: 1200px){
    .main{
        left: calc(50% - (30% / 2));
        right: calc(50% - (30% / 2));
        
    }
}


@media screen and (max-width: 900px){
    .main{
        left: calc(50% - (35% / 2));
        right: calc(50% - (35% / 2));
        
    }

}

@media screen and (max-width: 793px){
    .main{
        left: calc(50% - (45% / 2));
        right: calc(50% - (45% / 2));
        
    }

}

@media screen and (max-width: 600px){
    .main{
        left: calc(50% - (65% / 2));
        right: calc(50% - (65% / 2));
        
    }
    .phoneNumberFeild{
        width: 50%;
    }

}

.main img{
    width: 80%;
    pointer-events: none;
    user-select: none;
}

.phoneNumberFeild{
    width: 60%;
    margin: 10px;
    border-radius: 7px;
    border-color: black;
    border-style: solid;
    padding: 5px;
    
}