<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
* {
box-sizing: border-box;
}
body {
font-family: Roboto, Helvetica, sans-serif;
}
/* Fixez le bouton sur le côté gauche de la page the button on the left side of the page */
.open-btn {
display: flex;
justify-content: flex-start;
}
/* Stylez et fixez le bouton sur la page */
.open-button {
background-color: #1c87c9;
color: white;
padding: 12px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
opacity: 0.8;
position: fixed;
}
/* Positionnez la forme Popup */
.login-popup {
position: relative;
text-align: center;
width: 100%;
}
/* Masquez la forme Popup */
.form-popup {
display: none;