.box{
    padding:1em;
    width: 300px;
    text-align: center;
    margin: auto;
    background-color: rgb(232, 240, 254);
    border-radius: 10px;
}

.box h1{
    color: #2f3542;
    text-transform: uppercase;
    font-weight: 300;
    padding: 0.3em 0;
    background-color: rgb(0, 152, 190);
    border: 2px solid rgb(0, 76, 95);
    border-radius: 40px;
    margin:0;
}

.box h2{
    padding: 0.3em 0;
    margin-bottom:1em;
    font-weight: normal;
    font-size: 2em;
}

.name{
    border-bottom: 2px solid #2f3542;
    display:flex;
    width: 250px;
    margin: 20px auto;
    padding: 14px 10px;
}

.logoL{
    width:20px;
    height:20px;
    object-fit: contain;
}

.box input{
    outline: none;
    border-radius: 20px;
    transition: 0.30s;
}

.box input[type = "text"], .box input[type = "email"], .box input[type = "password"]{
    border:none;
    background: none !important;
    width: 230px;
}

.box input[type = "submit"]{
    background-color: rgb(0, 126, 159);
    margin: 20px auto;
    border: 2px solid  #2f3542;
    padding: 14px 40px;
    width: 250px;
    color:white;
}

.box input[type = "submit"]:hover{
    cursor: pointer;
    background-color: rgb(0, 146, 179);
}

.erreur{
    border: 1px solid black;
    padding: 0 0.5em;
    background-color: rgb(230, 0, 0, 0.8);
    border-radius: 10px;
    font-size: 7px;
    color:white;
    width:288px;
    margin-top: 20px;
}