@font-face {
    font-family: 'Fibre Vintage';
    src: url('font/fibre-font.otf');
}

body {
        background-image: url(https://i.pinimg.com/originals/75/2f/76/752f763a3e96b47c00303238704c4007.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


h1 {
font-family: 'Fibre Vintage', Arial, sans-serif;
text-align: center;
font-size: 90px;
color: rgb(0, 0, 0);
}

.btn-primary {
background-color: rgb(100, 0, 20);
}

.btn-primary:hover {
    background-color: rgb(104, 104, 104);
    }

.map-responsive {
overflow:hidden;
padding-bottom:30%;
margin-top: 100px;
position:relative;>
height:0;
}

.map-responsive iframe {
left:0;
top:0;
height:60%;
width:100%;
position:absolute;
}

.navbar {
background-color:rgba(0, 0, 0, 0.78);
}

h5 {
font-size: 70px;
color: rgb(0, 0, 0);
}

h2 {
    color: rgb(0, 0, 0);
    margin-top: 50px;
    margin-bottom: -50px;
    text-align: center;
}


.introtext {
font-family: 'Fibre Vintage', Arial, sans-serif;
text-align: center;
font-size: 20px;
color: rgb(0, 0, 0);
margin-bottom: 30px;
}

.intro {
margin-top: 50px;
}

.textintro {
    background-color: rgba(245, 245, 245, 0.274);

color: rgb(0, 0, 0);
font-size: 30px;
text-align: center;
}

.motdepasse {
    color: whitesmoke;
    text-align: center;
}

.formulaire {
margin-top: 100px;
}

.card-body {
background-color: rgba(75, 73, 73, 0.356);
}

h4 {
    background-color: rgba(245, 245, 245, 0.274);
    text-align: center;
    font-size: 45px;
}