:root {
    /*--font-family: -apple-system, BlinkMacSystemFont, sans-serif;*/
    --font-family: 'Open Sans', sans-serif;
}

* {
    --transparent-background: rgba(255, 255, 255, .3);
    --border-solid: 1px solid var(--transparent-background);
    margin: 0%;
    padding: 0%;
    outline: none;
    font-size: 14px;
}
body {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #f4f7f7, #fdfbfb);
    font-family: var(--font-family);
}

.containerForm {
    display: flex;
    flex-direction: column;
/*     background: var(--transparent-background); */
    padding: 1rem;
/*     border-radius: 20px;
    border-left: var(--border-solid);
    border-top: var(--border-solid);
    box-shadow: 20px 20px 40px -6px rgba(0, 0, 0, .2);
 */    /* text-align: center; */
}

p{
    margin-bottom: 2px;
}

.paraph {
    display: flex;
    flex-direction: column;
    background: var(--transparent-background);
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: 20px;
    border-left: var(--border-solid);
    border-top: var(--border-solid);
    box-shadow: 20px 20px 40px -6px rgba(0, 0, 0, .2);
    /* text-align: center; */
}

.importantNote {
    display: flex;
    flex-direction: column;
    /*font-size: 14px;*/
    box-shadow: 20px 20px 40px -6px rgba(0, 0, 0, .2);
    border-radius: 20px;
    border-left: var(--border-solid);
    border-top: var(--border-solid);
    text-align: center;
    /*background-color: #243C94;*/
    /*background-color: #2388BC;*/
    background-color: #132B5B;
    color: aliceblue;
    padding: 15px;
    margin-bottom: 10px;
    /*color: #243C94;*/
}

.appSiteTitle strong{
    text-align: center;
    align-content: center;
    font-size: 1.1rem;
    /*flex-grow: 1;*/
}

img.imgHome {
    margin: auto;
    max-width: 62vw;
    text-align: center;
    align-content: center;
}

.subTitle{
    font-size: 1rem;
    font-weight: 800;
    /*color: #00649e;*/
    color: #2C3F51;
}

@media screen and (min-width: 750px) {
    * {
        /*font-size: 16px;*/
    }

    img.imgHome {
        max-width: 40vw;
    }

    .appSiteTitle strong{
        font-size: 2rem;
        /*margin-right: 150px;*/
    }

    .importantNote {
        /*font-size: 44px;*/
    }

    .subTitle{
        font-size: 1.5rem;
    }


}