:root {
    --transition-duration: 0.5s;
    --transition-timing: cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

/* général */
html {
    font-size: 100%;
    font-family:  "Montserrat", sans-serif;
    color: #3B3B3B;
}

body {
    margin: 0;
    padding: 0;
    background-image: linear-gradient(to left,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(img/img-2.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    overflow: inherit;
    height: 100vh;
}
a{
    text-decoration: none;
}
/* main */
.container{
    background-color: rgba(255, 255, 255, 0.7);
    margin-left: auto;
    margin-right: auto;
    margin-top:10%;
    height: 100%;
    width: 50%;
    border-radius: 15px;
    text-align: center;
    position: center;
}
.rectangle{
    height: 35px;
    background-color:  rgba(255, 255, 255, 0.6);;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    display:flex
}
.img-1{
    width: 30%;
    border-radius: 15px;
    margin-top: 5%;
}
.contact{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 2%;
    padding-bottom: 2%;
}
.btn{
    margin:auto;
    padding-bottom: 6px;
    width: 30%;
    height: 50%;
    border-radius: 15px;
    border: 2px solid  #FF9085;
    color:#FF9085;
    font-weight: bold;
}
.mail{
    color:#FF9085;
}