*{
    text-align: center;
}

h1{
    color: #72c5e1;

}

body {
    background-image: url(../img/panoramaSpacebg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    background-color: rgb(39, 84, 198);
    border-radius: 1.5rem;
    width: 50%;
    margin: 5rem auto;
    padding: 2rem;
}

.champ{
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: auto;
    gap: 0.4rem;
}

.champ input{
    margin: 0.5rem;
    padding: 0.5rem;
    border-radius: 2rem;
    border: 1px solid #7B8CDE;
}

.champ a{
    text-decoration: none;
    color: #72c5e1;
}

.champ a:hover{
    text-decoration: underline;
    text-decoration-color: #72c5e1;
    color: #72c5e1;
    font-weight: bold;
    font-size: 1.2rem;
    transition: all 0.3s ease;
   
    
}

/*btn*/

#inscrire, #connecter{
    background-color: #72c5e1;;
    color: white;
    border-radius: 2rem;
    padding: 0.5rem;
    border: none;
    cursor: pointer;
    font-size: 1.6rem;
}


#inscrire:hover, #connecter:hover{
    background: cyan;
box-shadow: 
0 0 20px #239BFF,
0 0 80px #239BFF,
0 0 160px #239BFF,
0 0 320px #239BFF;
color: #255784;
}