first commit

2025-06-14 19:08:52 +02:00
commit f74d81fba4
40 changed files with 2807 additions and 0 deletions
--- a/css/login.css
+++ b/css/login.css
@@ -0,0 +1,141 @@
+@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Josefin Sans", sans-serif;
+}
+
+body {
+    background-image: url('../img/cielprince.png');
+    background-position: center;
+    background-size: cover;
+    display: flex;              
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    
+    
+   
+}
+
+header{
+position: absolute;
+left: 15px;
+top: 20px;
+}
+
+header button{
+    padding: 20px;
+    cursor: pointer;
+    background-color: transparent;
+    font-size: 20px;
+    transition: 0.2s;
+    color: white;
+    border: 0;
+    
+
+}
+
+header button:hover{
+background-color: rgb(122, 97, 179,0.5);
+
+border-radius: 10px;
+}
+
+section {
+
+    padding: 30px;
+    width: 420px;
+    /* border-radius: 20px;
+    background-color: rgb(122, 97, 179,0.2);
+   
+    border: 2px solid rgba(255, 255, 255, 0.2); */
+   
+}
+
+section h2{
+    color: white;
+    font-size: 20px;
+    margin-bottom: 40px;
+    text-align: center;
+}
+
+
+/* rentrer les informations */
+.box {
+    margin-bottom: 15px;
+}
+
+.box input {
+    width: 100%;
+    padding: 15px;
+    background-color: transparent;
+    border: 2px solid white;
+    color: white;
+    outline: none;
+    padding-right: 45px;
+}
+
+
+.box input::placeholder{
+    color: white;
+}
+
+/* icon */
+.box i {
+    position: absolute;
+    right: 900px;
+    margin-top: 15px;
+    color: white;
+    
+}
+/* -------------------------- */
+
+
+.souvenir{
+    color: white;
+    margin-bottom: 20px;
+
+}
+
+.but1{
+    width: 100%;
+    border-radius: 20px;
+    border: 0;
+    padding: 15px;
+    font-weight: bold;
+    cursor: pointer;
+    transition: 0.2s;
+    border: 2px solid transparent;
+}
+
+.but1:hover{
+    background-color: transparent;
+    border: 2px solid rgba(255, 255, 255, 0.2);
+    color: white;
+}
+
+.inscrire{
+    text-align: center;
+    margin-top: 25px;
+    color: white;
+    
+}
+
+.inscrire a{
+    text-decoration: none;
+    color: white;
+    transition: 0.2s;
+    font-weight: bold;
+}
+
+.inscrire a:hover{
+    text-decoration: underline;
+}
+
+.message {
+    color: rgb(117, 117, 117);
+    text-align: center;
+}