@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap";*{padding:0;margin:0;scroll-behavior:smooth}.home{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home__video{height:100vh;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:-1}.home__title{width:80vw}.home__description{width:40%;font-size:1.5vw;color:#f0f8ff;font-family:Poppins;text-align:center;line-height:1.9rem;letter-spacing:.1rem;text-shadow:2px 2px 4px black}.home a{text-decoration:none}.home__button{margin-top:50px;width:10rem;font-size:1.5rem;text-align:center;color:#f0f8ff;font-family:Poppins;border:2px solid aliceblue;border-radius:10px;background-color:#00ac00bf}.home__button span{font-weight:700}.home__button:hover{transform:scale(1.05)}@media all and (max-width: 1000px){.home__description{width:70%;font-size:3vw}}@media all and (max-width: 600px){.home__description{width:70%;font-size:4vw}}.choicepage{display:flex;justify-content:center;align-items:center;width:100vw;height:calc(100vh - 100px)}.choicepage:hover a:not(:hover){filter:grayscale(100%)}.choicepage a{text-decoration:none;color:#fff}.choicepage__section{z-index:-1;position:relative;height:100%;display:flex;font-family:Amatic SC;font-style:normal;font-weight:700;font-size:10vw;text-shadow:4px 4px 8px #000000}.choicepage__section img{height:calc(100vh - 100px);width:50vw;-o-object-fit:cover;object-fit:cover}.choicepage__section__links{top:50vh;left:15vw;z-index:20;position:absolute}@media all and (max-width: 600px){.choicepage{height:calc(100vh - 100px);flex-direction:column;justify-content:flex-start}.choicepage__section img{height:calc(50vh - 50px);width:100vw;-o-object-fit:cover;object-fit:cover}.choicepage__section__links{top:40%;left:40%}}.greenfoPage{display:flex;height:calc(100vh - 100px);background-image:url(/assets/imgFeuille.jpg);flex-direction:column;justify-content:center;align-items:center;background-size:cover}.greenfoPage__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4rem}@media all and (max-width: 1100px){.greenfoPage{height:calc(100vh - 100px)}.greenfoPage__grid{height:100%;transform:scale(.7)}}@media all and (max-width: 800px){.greenfoPage__grid{transform:scale(.4);display:flex;flex-direction:column;justify-content:space-around}}.navbarwithoutlink{display:flex;justify-content:center;align-items:center;height:100px;width:100%;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 100%),#0fba00;box-shadow:0 4px 4px #00000040}@media all and (max-width: 1000px){.navbarwithoutlink a{transform:scale(.7)}}.quizPage{width:100%;min-height:calc(100vh - 100px);background-image:url(/assets/quizImage.jpg);background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 1000px){.quizPage{height:auto}}.quizPage__intro{width:80vw;height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:5rem;color:#f0f8ff;text-align:center;border:2px solid aliceblue;border-radius:20px;font-family:Amatic SC;background-color:#00640040;padding:3rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 20px 10px #000;gap:2rem}@media screen and (max-width: 1000px){.quizPage__intro{font-size:3.5rem;width:75vw}}.quizPage__intro button{width:20rem;font-size:3rem;font-weight:700;font-family:Amatic SC;background-color:#00000080;color:#f0f8ff;border-radius:10px;border:1px solid aliceblue;box-shadow:0 0 12px #000;cursor:pointer}.quizPage__intro button:hover{transform:scale(1.05)}.quizPage__result{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80vw;height:80vh;color:#f0f8ff;font-family:Amatic SC;font-size:5rem;border:2px solid aliceblue;border-radius:15px;background-color:#00640040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 20px 10px #000}@media screen and (max-width: 1000px){.quizPage__result{height:auto;padding:.5rem;margin-top:2rem;margin-bottom:2rem}}.quizPage__result__total{text-align:center;font-weight:700;text-shadow:4px 4px 8px black}@media screen and (max-width: 1000px){.quizPage__result__total{font-size:2.8rem;margin-top:1rem;margin-bottom:1rem}}.quizPage__result__details{margin-top:3rem;display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 1000px){.quizPage__result__details{display:flex;flex-direction:column;margin-top:0}}.quizPage__result__details__categories{font-size:4rem;align-self:flex-start;text-shadow:4px 4px 8px black;margin-left:2rem}@media screen and (max-width: 1000px){.quizPage__result__details__categories{font-size:2.5rem;align-self:center;text-align:center;margin-left:0}}.quizPage__result__details__advice{font-size:3.5rem;margin-right:2rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center}@media screen and (max-width: 1000px){.quizPage__result__details__advice{font-size:2.8rem;margin-right:0;margin-top:1rem;margin-bottom:1rem}}.quizPage__result__details__advice__link{font-size:2.5rem}@media screen and (max-width: 1000px){.quizPage__result__details__advice__link{font-size:2rem}}.quizPage__result__details__advice__link:hover{transform:scale(1.05)}.quizPage__result__details__advice a{text-decoration:none;color:red;font-weight:700}.quizPage__result__details__advice__buttons{margin-top:.5rem;display:flex;justify-content:space-around;align-items:center;gap:3rem}@media screen and (max-width: 1000px){.quizPage__result__details__advice__buttons{flex-direction:column;gap:0}}.quizPage__result__details__advice__buttons button{width:10rem;height:3rem;font-family:Amatic SC;font-size:2.2rem;background-color:#00000080;color:#f0f8ff;border-radius:10px;border:1px solid aliceblue;box-shadow:0 0 12px #000;cursor:pointer}.quizPage__result__details__advice__buttons button:hover{transform:scale(1.05)}.hidden{display:none}.greenfoButton{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30rem;height:15rem;border-radius:20px;transition:.2s ease-in-out}.greenfoButton:hover{transform:scale(1.05)}.greenfoButton__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}.greenfoButton__title{position:absolute;font-family:Amatic SC;font-size:5rem;color:#fff;text-shadow:3px 3px 6px black}.greenfoPreButton{overflow:hidden;border-radius:20px;box-shadow:0 0 20px #000}.navbarwithlink{display:flex;justify-content:space-between;align-items:center;height:100px;width:100%;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 100%),#0fba00;box-shadow:0 4px 4px #00000040}.navbarwithlink a{text-decoration:none;color:#fff}.navbarwithlink a:hover{transform:scale(1.1)}.navbarwithlink__links{display:flex;gap:70px;padding-right:60px;font-family:Amatic SC;font-style:normal;font-weight:700;font-size:50px;line-height:70px;text-align:center;color:#fff;text-shadow:4px 4px 8px #000000}@media all and (max-width: 1250px){.navbarwithlink__links{gap:40px;font-size:30px}}@media all and (max-width: 1000px){.navbarwithlink{justify-content:center}.navbarwithlink__logo{transform:scale(.7)}.navbarwithlink__links{display:none}}.quizItem{margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:80rem}@media screen and (max-width: 1200px){.quizItem{width:58rem}}@media screen and (max-width: 1000px){.quizItem{width:90%;justify-content:center;margin-top:2rem;margin-bottom:2rem}}.quizItem__question{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Amatic SC;color:#f0f8ff;height:8rem;width:100%;text-align:center;font-size:3.3rem;border:2px solid aliceblue;border-radius:15px;background-color:#00640040;padding:0rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 20px 10px #000}@media screen and (max-width: 1000px){.quizItem__question{height:auto}}.quizItem__answers{display:flex;justify-content:space-around;align-items:center;gap:2rem;width:100%}@media screen and (max-width: 1000px){.quizItem__answers{flex-direction:column;gap:1rem}}.quizItem__answers__button{font-family:Amatic SC;color:#f0f8ff;height:8rem;width:100%;font-size:3rem;border:2px solid aliceblue;border-radius:15px;background-color:#00640040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 20px 10px #000;cursor:pointer}.quizItem__answers__button:hover{transform:scale(1.05)}@media screen and (max-width: 1000px){.quizItem__answers__button{width:60%;font-size:2.5rem;height:auto}}.quizItem__answers__button Link{color:#f0f8ff;text-decoration:none}#greenfocat{position:relative;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:calc(100vh - 100px)}#greenfocat:before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px}#greenfocat h1{position:relative;font-family:Amatic SC;font-style:normal;font-weight:700;font-size:70px;color:#fff;text-shadow:3px 3px 6px black;-webkit-text-decoration:underline solid #0fba00 12%;text-decoration:underline solid #0fba00 12%}.greenfo_transport:before{background-color:#e8f7e6;opacity:.3;background-size:40px 40px;background-image:repeating-linear-gradient(45deg,#54f745 0,#54f745 4px,#e8f7e6 0,#e8f7e6 50%)}.greenfo_housing:before{background-color:#e8f7e6;opacity:.3;background:linear-gradient(135deg,rgba(84,247,69,.3333333333) 25%,transparent 25%) -40px 0/80px 80px,linear-gradient(225deg,#54f745 25%,transparent 25%) -40px 0/80px 80px,linear-gradient(315deg,rgba(84,247,69,.3333333333) 25%,transparent 25%) 0px 0/80px 80px,linear-gradient(45deg,#54f745 25%,#e8f7e6 25%) 0px 0/80px 80px}.greenfo_food:before{background-color:#e8f7e6;opacity:.3;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#e8f7e6 40px),repeating-linear-gradient(rgba(84,247,69,.3333333333),#54f745)}.greenfo_clothing:before{background-color:#e8f7e6;opacity:.3;background-image:linear-gradient(#54f745 8px,transparent 8px),linear-gradient(90deg,#54f745 8px,transparent 8px),linear-gradient(#54f745 4px,transparent 4px),linear-gradient(90deg,#54f745 4px,#e8f7e6 4px);background-size:200px 200px,200px 200px,40px 40px,40px 40px;background-position:-8px -8px,-8px -8px,-4px -4px,-4px -4px}.container{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:20px;grid-row-gap:20px;width:75%;height:75%;padding-bottom:6vh;font-size:1rem;line-height:2rem;letter-spacing:.1rem;color:#000;font-family:Poppins}.text1{position:relative;display:flex;align-items:center;text-align:center;justify-content:center;grid-area:1/1/2/4;padding:10px;background-color:#93cf7c}.graph1{position:relative;display:flex;align-items:center;justify-content:center;grid-area:2/1/4/4;opacity:1;background-color:#93cf7c;font-size:4rem;font-weight:700}.text2{position:relative;display:flex;align-items:center;text-align:end;justify-content:center;grid-area:1/4/4/5;padding:10px;background-color:#b4e6a0}.graph2{position:relative;display:flex;align-items:center;justify-content:center;grid-area:1/5/4/7;background-color:#b4e6a0;font-size:4rem;font-weight:700}.graph3{position:relative;display:flex;align-items:center;justify-content:center;grid-area:4/1/7/3;background-color:#e5f4df;font-size:4rem;font-weight:700}.text3{position:relative;display:flex;align-items:center;text-align:start;justify-content:center;grid-area:4/3/7/4;padding:10px;background-color:#e5f4df}.graph4{position:relative;display:flex;align-items:center;justify-content:center;grid-area:4/4/6/7;background-color:#d8f6cc;font-size:4rem;font-weight:700}.graph4 span{margin-left:16px}.text4{position:relative;display:flex;align-items:center;justify-content:center;grid-area:6/4/7/7;padding:10px;background-color:#d8f6cc}@media all and (max-width: 1000px){.container{display:flex;flex-direction:column}.container div{display:flex;text-align:center;align-items:center;height:5vh;font-size:2vw}.container span{font-size:2vw}}@media all and (max-width: 650px){.container{line-height:1rem;grid-row-gap:10px}.container div,.container span{font-size:2.5vw}#greenfocat h1{font-size:2.5rem}}@media all and (max-width: 450px){.container div{height:6vh;font-size:3vw}.container span{font-size:3vw}}