@media screen and (min-width: 768px){body{overflow-x:hidden}.menupage{width:100vw;max-width:100vw}.bouton-menu{display:none}.menu-list{display:flex;width:100vw;justify-content:center;align-items:center;text-align:center;margin-top:30px;font-size:20px;gap:40px;grid-template-columns:repeat(4,1fr)}.case1,.case2,.case3,.case4{text-decoration:none;color:#000;border-radius:20px;border:1px solid black;height:60px;width:20vw;display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 768px){.menu-list{position:absolute;top:100px;margin-top:10px;display:grid;width:100%;max-width:100%;grid-template-columns:20px repeat(4,1fr) 20px;grid-template-areas:"case case1 case2 case3 case4 case5"}body{overflow-x:hidden;height:100vh;width:100vw;margin:0}.case1,.case2,.case3,.case4{border:1px solid black;border-radius:20px;display:flex;justify-content:center;align-items:center;width:100%;height:60px;text-decoration:none;color:#000;font-size:20px;transition:transform .2s}.case1{grid-area:case1}.case2{grid-area:case2}.case3{grid-area:case3}.case4{grid-area:case4}.bouton-menu{display:none}.menupage{display:inline-flex;position:absolute;top:0;left:0}.case1,.case2,.case3,.case4{border:1px solid black;border-radius:20px;margin-top:50px;margin-left:10px;margin-right:10px;height:60px;width:80%;color:#000;font-size:20px}.bouton-menu{padding:0;position:absolute;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:50px;height:50px;top:30px;left:10px;background-color:transparent;border:none;cursor:pointer;z-index:11000}.barre,.barre1,.barre2,.barre3{width:35px;height:5px;background-color:#000;transition:all .3s ease}.barre1{transform:rotate(-45deg) translate(-11.5px,11.5px)}.barre2{opacity:0}.barre3{transform:rotate(45deg) translate(-11.5px,-11.5px)}.menu{position:fixed;width:80vw;display:none;z-index:1000;background-color:#fff}.menu-list{top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80vw;height:100%;font-size:30px}.menu-ouvert{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:2px solid black;top:0;left:0;width:80vw;height:100vh}}@media screen and (min-width: 768px){.home{position:absolute;top:0;left:0;width:100vw;max-width:100vw}.titre-home{display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center;height:50px;width:100vw}.sign{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}}@media screen and (max-width: 768px){.home{position:absolute;top:0;left:0;width:100vw;max-width:100vw}.titre-home{display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center;height:50px;max-height:50px;width:100vw;margin:30px 0 0}.sign{display:flex;margin-top:10px;flex-direction:column;align-items:center;text-align:center}}@media screen and (min-width: 768px){.sign-in{display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"prenom" "nom" "mail1" "password1" "confirm-password" "file" "se-connecter" "sign-google";gap:20px;width:80vw}.prénom{grid-area:prenom}.nom{grid-area:nom}.mail1{grid-area:mail1}.password1{grid-area:password1}.passwordconfirm{grid-area:confirm-password}.file{grid-area:file;border:1px solid black}.se-connecter{grid-area:se-connecter}.sign-google{grid-area:sign-google}.connection{display:flex;margin-top:20px;justify-content:center;align-items:center;text-align:center}.connection button{border:1px solid black;border-radius:20px;width:80vw;height:60px;font-size:20px}.mail1,.password1,.se-connecter,.nom,.prénom,.passwordconfirm,.file,.sign-google{height:60px;border-radius:20px;color:#000;font-size:20px}}@media screen and (max-width: 768px){.sign-in{display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"prenom" "nom" "mail1" "password1" "confirm-password" "file" "se-connecter" "sign-google";gap:20px;width:80vw}.prénom{grid-area:prenom}.nom{grid-area:nom}.mail1{grid-area:mail1}.password1{grid-area:password1}.passwordconfirm{grid-area:confirm-password}.file{grid-area:file;border:1px solid black}.se-connecter{grid-area:se-connecter}.sign-google{grid-area:sign-google}.connection{display:flex;margin-top:20px;justify-content:center;align-items:center;text-align:center}.connection button{border:1px solid black;border-radius:20px;width:80vw;height:60px;font-size:20px}.mail1,.password1,.se-connecter,.nom,.prénom,.passwordconfirm,.file,.sign-google{height:60px;border-radius:20px;color:#000;font-size:20px}}@media screen and (min-width: 768px){.login{display:grid;width:80vw;grid-template-rows:1fr 1fr 1fr 1fr;gap:20px;grid-template-areas:"mail2" "password2" "se-connecter1" "sign-google1"}.mail2{grid-area:mail2}.password2{grid-area:password2}.se-connecter1{grid-area:se-connecter1}.sign-google1{grid-area:sign-google1}.mail2,.password2,.se-connecter1,.sign-google1{height:60px;width:80vw;border-radius:20px;color:#000;font-size:20px}}@media screen and (max-width: 768px){.login{display:grid;width:80vw;grid-template-rows:1fr 1fr 1fr 1fr;gap:20px;grid-template-areas:"mail2" "password2" "se-connecter1" "sign-google1"}.mail2{grid-area:mail2}.password2{grid-area:password2}.se-connecter1{grid-area:se-connecter1}.sign-google1{grid-area:sign-google1}.mail2,.password2,.se-connecter1,.sign-google1{height:60px;width:80vw;border-radius:20px;color:#000;font-size:20px}}@media screen and (min-width: 768px){.profil{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw}.infoutilisateur,.adressemail,.assogoogle,.mdp,.mnom,.mprofil,.delete,.deconnexion{display:none;justify-content:center;align-items:center;border:1px solid black;border-radius:20px;color:#000;height:auto;margin-bottom:20px}.titre-adressemail,.titre-assogoogle,.titre-mdp,.titre-mnom,.titre-mprofil,.titre-infoutilisateur,.titre-delete,.titre-deconnexion{display:flex;justify-content:center;margin:0 0 10px;align-items:center;border:1px solid black;border-radius:20px;color:#000;height:auto;cursor:default;-webkit-user-select:none;user-select:none}.adressemail p,.assogoogle p,.mdp p,.mnom p,.mprofil p,.infoutilisateur p,.delete p,.deconnexion p,.titre-adressemail p,.titre-assogoogle p,.titre-mdp p,.titre-mnom p,.titre-mprofil p,.titre-infoutilisateur p,.titre-delete p,.titre-deconnexion p{display:flex;margin:16px;flex-direction:column;width:80vw}}@media screen and (max-width: 768px){.profil{display:flex;flex-direction:column;width:80vw;align-items:center;justify-content:center}.sign{justify-content:start}.infoutilisateur{grid-area:infoutilisateur;display:flex;flex-direction:row;justify-content:center;align-items:center}.infoutilisateurimg{grid-area:infoutilisateurimg;width:100%}.infoutilisateurimg img{border-radius:50%}.infoutilisateur,.adressemail,.assogoogle,.mdp,.mnom,.mprofil,.delete,.deconnexion{display:none;justify-content:center;align-items:center;border:1px solid black;border-radius:20px;color:#000;height:auto;margin-bottom:20px}.titre-adressemail,.titre-assogoogle,.titre-mdp,.titre-mnom,.titre-mprofil,.titre-infoutilisateur,.titre-delete,.titre-deconnexion{display:flex;justify-content:center;margin:0 0 10px;align-items:center;border:1px solid black;border-radius:20px;color:#000;height:auto;cursor:default;-webkit-user-select:none;user-select:none}.adressemail p,.assogoogle p,.mdp p,.mnom p,.mprofil p,.infoutilisateur p,.delete p,.deconnexion p,.titre-adressemail p,.titre-assogoogle p,.titre-mdp p,.titre-mnom p,.titre-mprofil p,.titre-infoutilisateur p,.titre-delete p,.titre-deconnexion p{display:flex;margin:16px;flex-direction:column;width:80vw}.infoutilisateur1{grid-template-columns:1fr 1fr;grid-template-areas:"infoutilisateurimg infoutilisateurautre";align-items:center;justify-content:center}}@media screen and (min-width: 768px){.ratio-container{position:absolute;top:0;left:0}.titre-ratio{display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center}.ratio-group{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid black;border-radius:20px;width:80vw;height:80px;margin-bottom:10px}.ratio{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.ratio-label{width:80vw;text-align:center;font-size:20px}.ratio-input{width:60vw;height:30px;font-size:20px;text-align:center;border:1px solid black}.ratio-value{text-align:center;width:80vw;font-size:20px}.submit-button{width:80vw;height:80px;font-size:20px;border:2px solid black;border-radius:20px;background-color:#f0f0f0;cursor:pointer;margin-top:10px;padding:0}}@media screen and (max-width: 768px){.titre-ratio{margin-top:30px}.titre-ratio{position:relative;display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center;height:50px;max-height:50px;width:100vw;margin:30px 0 0}.ratio-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.ratio-group{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid black;border-radius:20px;width:80vw;height:80px;margin-bottom:10px}.ratio-label{width:80vw;text-align:center;font-size:20px}.ratio-input{width:60vw;height:30px;font-size:20px;text-align:center;border:1px solid black}.ratio-value{text-align:center;width:80vw;font-size:20px}.submit-button{width:80vw;height:80px;font-size:20px;border:2px solid black;border-radius:20px;background-color:#f0f0f0;cursor:pointer;margin-top:10px;padding:0}}.input-glycemie,.input-glucide{width:80vw;padding:10px;margin:10px 0;border:2px solid black;border-radius:4px}.checkbox-matin,.checkbox-midi,.checkbox-gouter,.checkbox-soir,.label-matin,.label-midi,.label-gouter,.label-soir{width:80vw;text-align:center}.btn-submit{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.btn-submit:hover{background-color:#45a049}.result{margin-top:20px;padding:10px;border:2px solid #000000;border-radius:4px;background-color:#f9f9f9}.result1{background-color:#e6ffe6;width:80vw}.result2{background-color:#ffe6e6;width:80vw}.calcul{position:absolute;top:0;left:0;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 768px){.calculette{position:absolute;top:0;left:0}.titre-calculette{display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center;width:100vw}}@media screen and (max-width: 768px){.titre-calculette{margin-top:30px}.titre-calculette{position:relative;display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center;height:50px;max-height:50px;width:100vw;margin:30px 0 0}}.glycemie-empty,.glycemie-low,.glycemie-normal,.glycemie-high,.glycemie-very-high,.poste-repas-empty,.poste-repas-low,.poste-repas-normal,.poste-repas-high,.poste-repas-very-high{width:20vw}.glycemie-low{background-color:#8b0000;color:#fff}.glycemie-normal{background-color:#008b00;color:#fff}.glycemie-high{background-color:#00008b;color:#fff}.glycemie-very-high{background-color:#000;color:#fff}.poste-repas-low{background-color:#8b0000;color:#fff}.poste-repas-normal{background-color:#008b00;color:#fff}.poste-repas-high{background-color:#00008b;color:#fff}.poste-repas-very-high{background-color:#000;color:#fff}.glycemie-empty{background-color:#fff;color:#000}.poste-repas-empty{background-color:#fff;color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:default}.poste-repas-empty input,.poste-repas-empty button{width:40%;padding:5px;border-radius:20px;font-size:15px}.poste-repas-empty button{background-color:#008b00;border:2px solid black}@media screen and (min-width: 768px){.historique{position:absolute;top:0;left:0}* .poste-repas-empty input{margin-right:10%}.titre-historique{display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center;width:100vw}.nom-item{width:80vw;display:flex;align-items:center;border-bottom:2px solid black;cursor:default;-webkit-user-select:none;user-select:none;font-size:20px;margin-bottom:3vw}table{display:flex;justify-content:center;align-items:center;border:2px solid black;width:80vw;margin-top:-1vw;margin-bottom:3vw;background-color:#fff;border-spacing:0;font-size:20px}#cookie-list{display:flex;justify-content:center;align-items:center;flex-direction:column}.cookie-item{width:80vw}table thead tr:first-child{background-color:#add8e6}th,td{border:2px solid black;text-align:center;padding-top:5px;padding-bottom:5px}}@media screen and (max-width: 768px){.titre-historique{margin-top:30px}.poste-repas-empty{flex-direction:column;border:0}.poste-repas-empty input,.poste-repas-empty button{width:90%;max-width:90%;min-width:90%}.titre-historique{position:relative;display:flex;justify-content:center;align-items:center;color:red;font-size:50px;text-align:center;height:50px;max-height:50px;width:100vw;margin:30px 0 0}table thead tr:first-child{background-color:#add8e6}#cookie-list{margin-top:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:100vw}.nom-item{width:80vw;display:flex;margin-top:3vw;justify-content:space-between;align-items:center;border-bottom:2px solid black;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px}table{border-collapse:collapse;border:2px solid black;width:80vw;margin-top:3vw;margin-bottom:0;background-color:#fff;border-spacing:0;font-size:14px}.cookie-item{width:80vw}th,td{border:2px solid black;text-align:center;padding-top:5px;padding-bottom:5px}}