body{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#f6f6f6;display:flex;font-family:Gilroy-Medium,Helvetica,Arial,sans-serif;justify-content:center;margin:0;overflow-x:hidden;position:relative;width:100%}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#f6f6f6}body::-webkit-scrollbar-thumb{background:#82bf00}body::-webkit-scrollbar-thumb:hover{background:#004638}button{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Gilroy-Medium,Helvetica,Arial,sans-serif}@font-face{font-family:Gilroy-Medium;src:local("Gilroy-Medium"),url(/static/media/Gilroy-Medium.1b4da6582f83f45ea039.ttf) format("truetype")}@media (max-width:1023px){.app{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.app-main{margin-top:84px;max-width:1280px;width:100vw}.error404{align-items:center;color:#fff;display:flex;font-size:36px;height:100vh;justify-content:center}}@media (min-width:1024px){.app{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.app-main{max-width:1280px;width:98vw}.error404{align-items:center;color:#fff;display:flex;font-size:36px;height:100vh;justify-content:center}.header{border-bottom:10px solid #82bf00;display:flex;flex-direction:row;height:auto;justify-content:flex-start;max-width:1280px;width:98vw}.header-selection{align-items:center;border:none;color:#004638;cursor:pointer;display:flex;font-size:32px;font-weight:700;justify-content:space-between;margin-bottom:14px;margin-left:96px;margin-top:30px;padding-bottom:16px;position:relative;transition:all .3s ease-in-out}.header-selection:hover{border:none}.header-selection:after{background:#82bf00;bottom:0;content:"";height:8px;left:50%;position:absolute;transition:all .2s ease-in-out;width:0}.header-selection:hover:after{left:0;width:100%}}@media (max-width:1023px){.header{align-items:center;background-color:#f6f6f6;border-bottom:4px solid #82bf00;display:flex;flex-direction:row;height:80px;justify-content:space-between;left:0;position:fixed;transform:translateY(0);transition:all .5s ease-out;width:100vw;z-index:10}.sticky-hidden{transform:translateY(-200%)}.toggle-menu{border-bottom:4px solid #004638;border-top:4px solid #004638;cursor:pointer;font-size:24px;margin-right:40px;padding-bottom:8px;padding-top:8px}.menu-button,.toggle-menu{color:#004638;font-weight:700}.menu-button{align-items:center;display:flex;font-size:32px;margin:8px}.menu-button:active{border-bottom:8px solid #82bf00;margin-bottom:0}}.bottom{background-color:#004638;color:#f6f6f6;height:auto;justify-content:center;padding-top:8px;width:100vw}.bottom,.bottom-section{display:flex;flex-direction:row}.bottom-section{justify-content:space-evenly;max-width:1280px;width:98vw}.bottom-selection{border:none;font-size:16px;margin-bottom:30px;margin-top:30px;padding-bottom:10px;position:relative;transition:all .3s ease-in-out}.bottom-selection:hover{border:none}.bottom-selection:after{background:#82bf00;bottom:0;content:"";height:4px;left:50%;position:absolute;transition:all .15s ease-in-out;width:0}.bottom-selection:hover:after{left:0;width:100%}@media (min-width:1024px){.dev{align-items:flex-start;background-color:#f6f6f6;color:#004638;display:flex;flex-direction:row;font-size:18px;justify-content:flex-start}.mathieu-huet{margin:16px 0 -24px}.mathieu{border-radius:50%;height:200px;pointer-events:none}.motion-test:hover{cursor:grab}.motion-test:active{cursor:grabbing}.dev-left{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:40px 0 0 40px}.all-link{display:flex;justify-content:space-evenly}.linkedin-link{color:#004638;font-size:32px;margin-left:16px}.linkedin-link:hover{color:#82bf00}.github-link{color:#004638;font-size:32px}.github-link:hover{color:#82bf00}}@media (max-width:1023px){.dev{align-items:center;color:#004638;display:flex;flex-direction:column;font-size:24px;justify-content:center;width:97vw}}@media (min-width:1024px){.experiences{margin:40px 0 40px 24px;min-height:90vh;min-width:560px;width:700px}.experience-list,.experience-search{align-items:flex-start;display:flex;flex-direction:column}.search-bar{background-color:#f6f6f6;border:4px solid #004638;border-radius:16px;display:flex;font-size:24px;margin-bottom:40px;margin-left:40px;padding:8px;width:400px}.search-bar,::placeholder{color:#004638;font-family:Arial,Helvetica,sans-serif}::placeholder{opacity:.5}:-ms-input-placeholder{color:#004638;font-family:Arial,Helvetica,sans-serif}::-ms-input-placeholder{color:#004638;font-family:Arial,Helvetica,sans-serif}.individual-experience{align-items:flex-start;animation:individualExp .25s;border-color:#004638;border-style:dashed none none;box-shadow:0 0 #000;color:#004638;display:flex;flex-direction:column;margin:0 0 8px 40px;min-width:560px;padding:32px 0 32px 32px;text-decoration:none;width:700px}@keyframes individualExp{0%{background-color:#004638;box-shadow:8px 8px #000;color:#f6f6f6;margin:0 0 8px 32px}to{background-color:#f6f6f6;box-shadow:0 0 #000;color:#004638;margin:0 0 8px 40px}}.individual-experience:hover{animation:individualExpHover .25s;background-color:#004638;box-shadow:8px 8px #000;color:#f6f6f6;cursor:pointer;margin:0 0 8px 32px}@keyframes individualExpHover{0%{background-color:#f6f6f6;box-shadow:0 0 #000;color:#004638;margin:0 0 8px 40px}to{background-color:#004638;box-shadow:8px 8px #000;color:#f6f6f6;margin:0 0 8px 32px}}.ie-top{align-items:center;display:flex;margin-bottom:16px}.ie-middle{color:#82bf00;margin-bottom:16px;text-align:start}.ie-bottom{display:flex}.ie-institution{font-size:24px;margin-right:8px}.ie-date{border:1px solid #004638;border-radius:24px;font-size:12px;margin-right:8px;padding:0 4px}.ie-languages{display:flex;flex-wrap:wrap;font-size:16px;font-weight:900}.languages{border-left:1px solid #004638;margin-bottom:8px;margin-right:8px;padding-left:8px}}@media (max-width:1023px){.experiences{align-items:center;display:flex;flex-direction:column;margin:1vmin 3vmin 5vmin 0;min-height:90vh;width:98vw}.experience-list,.experience-search{align-items:flex-start;display:flex;flex-direction:column}.experience-search{font-size:3vmin;width:98vw}.search-bar{background-color:#f6f6f6;border:.5vmin solid #004638;border-radius:2vmin;display:flex;font-size:3vmin;margin-bottom:5vmin;margin-left:5vmin;padding:2vmin;width:70vw}.search-bar,::placeholder{color:#004638;font-family:Arial,Helvetica,sans-serif}::placeholder{opacity:.5}:-ms-input-placeholder{color:#004638;font-family:Arial,Helvetica,sans-serif}::-ms-input-placeholder{color:#004638;font-family:Arial,Helvetica,sans-serif}.individual-experience{align-items:flex-start;animation:individualExp .25s;border-color:#004638;border-style:dotted none none;box-shadow:0 0 #000;color:#004638;display:flex;flex-direction:column;margin:0 0 1vmin 5vmin;padding:4vmin 2vmin 4vmin 1vmin;text-decoration:none;width:90vw}.individual-experience:hover{animation:individualExpHover .25s;background-color:#004638;box-shadow:1vmin 1vmin #000;color:#f6f6f6;cursor:pointer;margin:0 0 1vmin 4vmin}.ie-top{align-items:center;display:flex}.ie-middle,.ie-top{margin-bottom:2vmin}.ie-middle{color:#82bf00;font-size:3vmin;font-weight:500;text-align:start}.ie-bottom{display:flex}.ie-institution{font-size:4vmin;margin-right:1vmin}.ie-date{border:1px solid #004638;border-radius:3vmin;font-size:1.5vmin;margin-right:1vmin;padding:0 .5vmin}.ie-languages{display:flex;flex-wrap:wrap;font-size:2.2vmin;font-weight:700}.languages{border-left:1px solid #004638;margin-bottom:1vmin;margin-right:1vmin;padding-left:1vmin}@keyframes individualExp{0%{background-color:#004638;box-shadow:1vmin 1vmin #000;color:#f6f6f6;margin:0 0 1vmin 4vmin}to{background-color:#f6f6f6;box-shadow:0 0 #000;color:#004638;margin:0 0 1vmin 5vmin}}@keyframes individualExpHover{0%{background-color:#f6f6f6;box-shadow:0 0 #000;color:#004638;margin:0 0 1vmin 5vmin}to{background-color:#004638;box-shadow:1vmin 1vmin #000;color:#f6f6f6;margin:0 0 1vmin 4vmin}}}@media (min-width:1024px){.main{font-weight:700;max-width:1280px;min-height:90vh;text-align:left;width:98vw}.main,.main-top{display:flex;flex-direction:column}.main-top{align-items:center;margin-top:80px}.main-bottom{display:flex;justify-content:center;margin-top:100px}.title{color:#004638;font-size:80px;line-height:85px;width:55%}.secondary-title{margin-top:64px}.tertiary-title{color:#82bf00;font-size:32px;width:90%}.main-text{color:#004638;font-size:20px;line-height:30px;margin-left:20px;text-align:justify}.upper-text{display:flex;justify-content:center;margin-bottom:40px;width:100%}.highlighted-text{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);color:#004638;font-size:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.links{flex-direction:column;flex-wrap:wrap;justify-content:center;margin-left:40px;margin-top:-100px;width:60%}.link-group,.links{display:flex}.individual-link{align-items:center;background:#f1f4f5;color:#004638;display:flex;flex-direction:column;height:256px;justify-content:center;margin:32px;width:256px}.individual-link:hover{color:#82bf00;cursor:pointer}.individual-link-text:after{color:#82bf00;content:"\f105";font-family:FontAwesome;margin-left:10px}.individual-link-image{height:150px;width:150px}}@media (max-width:1023px){.main{align-items:center;font-weight:700;margin-top:32px;min-height:90vh;text-align:left;width:98vw}.main,.main-bottom,.main-top{display:flex;flex-direction:column}.main-bottom{align-items:center}.title{color:#004638;font-size:13vmin;font-weight:900;line-height:8vmin;margin-bottom:12vmin}.tertiary-title{color:#82bf00;font-size:6vmin;margin-bottom:40px}.main-text{color:#004638;font-size:4vmin;line-height:5vmin;text-align:justify;width:95%}.upper-text{margin-bottom:5vmin}.highlighted-text{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);color:#004638;font-size:6vmin;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.links{flex-direction:column;margin-bottom:30px;margin-top:40px}.link-group,.links{display:flex}.individual-link{align-items:center;background:#f1f4f5;color:#004638;display:flex;flex-direction:column;height:42vmin;justify-content:center;margin:4vmin;width:42vmin}.individual-link:hover{color:#82bf00;cursor:pointer}.individual-link-text:after{color:#82bf00;content:"\f105";font-family:FontAwesome;margin-left:2vmin}.individual-link-image{height:24vmin;width:24vmin}}@media (min-width:1024px){.battery-project-container{justify-content:center;max-width:1280px;width:98vw}.battery-project-container,.battery-slide-1{align-items:center;display:flex;flex-direction:column}.battery-slide-1{background-color:#f6f6f6;color:#004638;height:100vh;justify-content:space-evenly}.battery-title{border:4px solid #004638;border-radius:16px;box-shadow:4px 4px #004638;color:#f6f6f6;font-size:40px;padding:8px;text-shadow:-2px 0 #004638,0 2px #004638,2px 0 #004638,0 -2px #004638}.battery-slide-1-bottom{align-items:center;display:flex;justify-content:space-evenly}.battery-screenshot-1{margin:16px;max-width:50%;width:640px}.battery-paragraph-1{font-size:24px;width:480px}.battery-slide-2{align-items:center;background-attachment:fixed;background-image:url(/static/media/background1.ea89fbb4ccfa33c8086b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.battery-paragraph-2{background:#d8f537;border-radius:16px;color:#004638;font-size:24px;margin-bottom:80px;padding:24px;width:720px}.battery-slide-3{align-items:center;background-color:#f8f8e6;color:#004638;flex-direction:column}.battery-slide-3,.battery-slide-3-row{display:flex;justify-content:space-evenly}.battery-slide-3-row{margin:80px}.battery-slide-3-bottom{background-attachment:scroll;background-image:url(/static/media/BatteryBottomDesktop.38eb3a7a9b4460ad0b91.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100vw}.battery-slide-3-bottom-top{align-items:flex-start;display:flex;justify-content:space-evenly}.battery-screenshot-3{border-radius:16px;margin:16px;max-width:50vmax;width:640px}.battery-paragraph-3,.battery-paragraph-3-bottom{align-items:center;display:flex;font-size:24px;justify-content:center;width:480px}.battery-paragraph-3-bottom{background-color:#f8f8e6;border-radius:24px;margin-top:80px;padding:8px}.youtube-link{align-items:center;animation:nothover 1s;border:4px solid #004638;border-radius:16px;box-shadow:4px 4px #004638;color:#004638;display:flex;font-size:24px;justify-content:center;padding:8px;text-decoration:none}.youtube-link:hover{animation:hover 1s;background-color:#004638;color:#f8f8e6;cursor:pointer}.youtube-link:active{box-shadow:0 0 #004638;margin-left:4px;margin-top:4px}}@media (max-width:1023px){.battery-project-container{width:100%}.battery-project-container,.battery-slide-1{align-items:center;display:flex;flex-direction:column}.battery-slide-1{background-color:#f6f6f6;color:#004638;justify-content:center;margin:5vmin 0}.battery-title{border:.5vmin solid #004638;border-radius:2vmin;box-shadow:.5vmin .5vmin #004638;color:#f6f6f6;font-size:5vmin;padding:1vmin;text-shadow:-2px 0 #004638,0 2px #004638,2px 0 #004638,0 -2px #004638}.battery-slide-1-bottom{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:95%}.battery-screenshot-1{margin:2vmin;max-width:50vmax;width:80%}.battery-paragraph-1{font-size:3vmin;width:90%}.battery-slide-2{align-items:flex-start;background-attachment:scroll;background-color:#004638;background-image:url(/static/media/background1.ea89fbb4ccfa33c8086b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:30vh;justify-content:center;padding:5vmin 0;width:100vw}.battery-paragraph-2{background:#d8f537;border-radius:2vmin;color:#004638;font-size:3vmin;margin-bottom:10vmin;margin-top:10vmin;padding:3vmin;width:90%}.battery-slide-3{background-color:#f8f8e6;color:#004638;width:100vw}.battery-slide-3,.battery-slide-3-row{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.battery-slide-3-row{margin:10vmin;width:95%}.battery-slide-3-bottom{background-attachment:scroll;background-image:url(/static/media/BatteryBottomMobile.9fa3aa8355be5daa4be2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100vw}.battery-slide-3-bottom-top{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.battery-screenshot-3{border-radius:2vmin;margin:2vmin;max-width:50vmax;width:80%}.battery-paragraph-3,.battery-paragraph-3-bottom{align-items:center;display:flex;font-size:3vmin;justify-content:center;width:90%}.battery-paragraph-3-bottom{background-color:#f8f8e6;border-radius:3vmin;margin-top:10vmin;padding:1vmin}.youtube-link{align-items:center;border:.5vmin solid #004638;border-radius:2vmin;box-shadow:.5vmin .5vmin #004638;color:#004638;display:flex;font-size:3vmin;justify-content:center;padding:1vmin;text-decoration:none}.youtube-link:hover{cursor:pointer}.youtube-link:active{box-shadow:0 0 #004638;margin-left:.5vmin;margin-top:.5vmin}}@media (min-width:1024px){.displayed-experience{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:32px;max-width:1280px;min-height:90vh;width:98vw}.single-experience{background-color:#d8f537;box-shadow:24px 24px #000;color:#004638;font-size:24px;margin:0 24px 24px;padding:24px 0;width:90%}.title-experience{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:32px;font-weight:800;margin-bottom:32px;margin-top:32px}.experience-detail{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 0 0 40px}.exp-line{text-align:left}.codeworks-link{align-items:center;border:4px solid #004638;border-radius:16px;box-shadow:4px 4px #004638;color:#004638;display:flex;font-size:24px;justify-content:center;padding:8px;text-decoration:none}.codeworks-link:hover{background-color:#004638;color:#d8f537;cursor:pointer}.codeworks-link:active{box-shadow:0 0 #004638;margin-left:4px;margin-top:4px}}@media (max-width:1023px){.displayed-experience{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:32px;max-width:1280px;min-height:90vh;width:calc(100vw - 8px)}.single-experience{background-color:#d8f537;box-shadow:3vmin 3vmin #000;color:#004638;font-size:3vmin;margin:0 3vmin 3vmin;padding:3vmin 0 3vmin 3vmin;width:90%}.title-experience{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:4vmin;font-weight:800;margin-bottom:4vmin;margin-top:4vmin}.experience-detail{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 0 0 5vmin}.exp-line{text-align:left}.codeworks-link{align-items:center;background-color:#004638;color:#d8f537;display:flex;font-size:3vmin;font-weight:700;justify-content:center;padding:1vmin;text-decoration:none}}@media (min-width:1024px){.displayed-experience{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:32px;max-width:1280px;min-height:90vh;width:98vw}.single-experience{background-color:#d8f537;box-shadow:24px 24px #000;color:#004638;font-size:24px;margin:0 24px 24px;padding:24px 0;width:90%}.title-experience{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:32px;font-weight:800;margin-bottom:32px;margin-top:32px}.experience-detail{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 0 0 40px}.exp-line{text-align:left}.displayed-experience{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:32px;max-width:1280px;min-height:90vh;width:98vw}.single-experience{background-color:#d8f537;box-shadow:24px 24px #000;color:#004638;font-size:24px;margin:0 24px 24px;padding:24px 0}.title-experience{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:32px;font-weight:800;margin-bottom:32px;margin-top:32px}.experience-detail{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 0 0 40px}.exp-line{text-align:left}.friendly-bets{align-items:center;color:#004638;display:flex;flex-direction:column;font-weight:700;max-width:1280px;min-height:90vh;width:98vw}.friendly-bets-top{font-weight:800;margin-top:32px;width:100vw}.friendly-bets-title,.friendly-bets-top{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:48px}.friendly-bets-title{text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.friendly-bets-description{color:#82bf00;font-size:24px;margin-top:40px;text-align:left}.friendly-bets-disclaimer{margin-top:16px;text-align:left}.friendly-bets-all-link{display:flex;flex-direction:column;margin-top:40px;text-align:left}.friendly-bets-all-link,.friendly-bets-hover-animation{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.friendly-bets-hover-animation{border:none;color:#004638;cursor:pointer;margin-bottom:30px;position:relative;transition:all .3s ease-in-out}.friendly-bets-hover-animation:after{background:#82bf00;bottom:4;content:"";height:8px;left:50%;position:absolute;transition:all .3s ease-in-out;width:0}.friendly-bets-hover-animation:hover{border:none}.friendly-bets-hover-animation:hover:after{left:0;width:100%}.friendly-bets-container{display:flex;margin-top:32px}.friendly-bets-left{width:50%}.friendly-bets-right{display:flex;flex-direction:column;width:50%}.friendly-bets-screenshot-title{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:32px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:1023px){.friendly-bets{align-items:center;color:#004638;display:flex;flex-direction:column;font-weight:700;max-width:1280px;min-height:90vh;width:98vw}.friendly-bets-top{font-weight:800;margin-top:4vmin;width:100vw}.friendly-bets-title,.friendly-bets-top{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:6vmin}.friendly-bets-title{text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.friendly-bets-description{color:#82bf00;font-size:3vmin;margin-top:5vmin;text-align:left}.friendly-bets-disclaimer{font-size:2.5vmin;margin-top:2vmin;text-align:left}.friendly-bets-all-link{display:flex;flex-direction:column;margin-top:5vmin;text-align:left}.friendly-bets-all-link,.friendly-bets-hover-animation{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.friendly-bets-hover-animation{border:none;color:#004638;cursor:pointer;margin-bottom:4vmin;position:relative;transition:all .3s ease-in-out}.friendly-bets-hover-animation:after{background:#82bf00;bottom:4;content:"";height:1vmin;left:50%;position:absolute;transition:all .15s ease-in-out;width:0}.friendly-bets-hover-animation:hover{border:none}.friendly-bets-hover-animation:hover:after{left:0;width:100%}.friendly-bets-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:4vmin;width:98vw}.friendly-bets-left{width:90%}.friendly-bets-right{display:flex;flex-direction:column;width:90%}.friendly-bets-screenshot-title{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:4vmin;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (min-width:1024px){.gpmm{align-items:center;color:#004638;display:flex;flex-direction:column;font-weight:700;max-width:1280px;min-height:90vh;width:98vw}.gpmm-title{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:48px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gpmm-description{color:#82bf00;font-size:24px;margin-top:40px;text-align:left}.gpmm-disclaimer{margin-top:16px;text-align:left}.gpmm-all-link{display:flex;flex-direction:column;margin-top:40px;text-align:left}.gpmm-all-link,.gpmm-hover-animation{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gpmm-hover-animation{border:none;color:#004638;cursor:pointer;margin-bottom:30px;position:relative;transition:all .3s ease-in-out}.gpmm-hover-animation:after{background:#82bf00;bottom:4;content:"";height:8px;left:50%;position:absolute;transition:all .3s ease-in-out;width:0}.gpmm-hover-animation:hover{border:none}.gpmm-hover-animation:hover:after{left:0;width:100%}.gpmm-container{display:flex;margin-top:32px}.gpmm-left{width:50%}.gpmm-right{display:flex;flex-direction:column;width:50%}.gpmm-screenshot-title{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:32px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:1023px){.gpmm{align-items:center;color:#004638;display:flex;flex-direction:column;font-weight:700;max-width:1280px;min-height:90vh;width:98vw}.gpmm-title{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:6vmin;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gpmm-description{color:#82bf00;font-size:3vmin;margin-top:5vmin;text-align:left}.gpmm-disclaimer{font-size:2.5vmin;margin-top:2vmin;text-align:left}.gpmm-all-link{display:flex;flex-direction:column;margin-top:5vmin;text-align:left}.gpmm-all-link,.gpmm-hover-animation{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gpmm-hover-animation{border:none;color:#004638;cursor:pointer;margin-bottom:4vmin;position:relative;transition:all .3s ease-in-out}.gpmm-hover-animation:after{background:#82bf00;bottom:4;content:"";height:1vmin;left:50%;position:absolute;transition:all .15s ease-in-out;width:0}.gpmm-hover-animation:hover{border:none}.gpmm-hover-animation:hover:after{left:0;width:100%}.gpmm-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:4vmin;width:98vw}.gpmm-left{width:95%}.gpmm-right{display:flex;flex-direction:column;width:95%}.gpmm-screenshot-title{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:4vmin;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (min-width:1024px){.sti{align-items:center;color:#004638;display:flex;flex-direction:column;font-weight:700;max-width:1280px;min-height:90vh;width:98vw}.sti-top{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:48px;font-weight:800;margin-top:32px;width:100vw}}@media (max-width:1023px){.sti{align-items:center;color:#004638;display:flex;flex-direction:column;font-weight:700;max-width:1280px;min-height:90vh;width:98vw}.sti-top{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:6vmin;font-weight:800;margin-top:4vmin;width:100vw}}@media (min-width:1024px){.telecom{align-items:center;color:#004638;display:flex;flex-direction:column;font-weight:700;max-width:1280px;min-height:90vh;width:98vw}.telecom-top{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:48px;font-weight:800;margin-top:32px;width:100vw}}@media (max-width:1023px){.telecom{height:100vh}.telecom-top{background:linear-gradient(180deg,#f6f6f6,#f6f6f6 30%,#d8f537 31%,#d8f537);font-size:6vmin;font-weight:800;margin-top:4vmin;width:100vw}}@media (min-width:1024px){.UserPage{align-items:center;display:flex;flex-direction:column;height:100vh}h1{color:#f6f6f6}.namefield{border-radius:10px;width:30vw}.DisconnectButton,.namefield{background-color:#004638;margin-top:5%}.DisconnectButton{border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:3vh}.DisconnectButton:active,.DisconnectButton:hover{background-color:#82bf00;cursor:pointer}.SendSettings{justify-content:space-evenly}.SendSettings,.Sliders{display:flex;flex-direction:column}.Sliders{justify-content:space-between}.AutomaticSettings{display:flex;height:25%;justify-content:space-evenly;margin-top:5%;width:100%}.TurnOnAuto{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:2vh}.TurnOnAuto:active,.TurnOnAuto:hover{background-color:#82bf00;cursor:pointer}.TurnOffAuto{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:2vh}.TurnOffAuto:active,.TurnOffAuto:hover{background-color:#d32f2f;cursor:pointer}.SendSettingsButton{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:2vh}.SendSettingsButton:active,.SendSettingsButton:hover{background-color:#d8f537;color:#004638;cursor:pointer}}@media (max-width:1023px){.UserPage{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}h1{color:#f6f6f6}.namefield{background-color:#004638;border-radius:10px;margin-top:64px;width:80vw}.DisconnectButton{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;margin-bottom:32px;margin-top:16px;padding:3vh}.DisconnectButton:active{background-color:#82bf00;cursor:pointer}.SendSettings{justify-content:space-evenly}.SendSettings,.Sliders{display:flex;flex-direction:column}.Sliders{align-self:center;justify-content:space-between}.AutomaticSettings{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:5%}.TurnOnAuto{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;margin-top:8px;padding:2vh}.TurnOnAuto:active{background-color:#82bf00;cursor:pointer}.TurnOffAuto{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;margin-top:8px;padding:2vh}.TurnOffAuto:active{background-color:#d32f2f;cursor:pointer}.SendSettingsButton{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;margin-top:8px;padding:2vh}.SendSettingsButton:active{background-color:#d8f537;color:#004638;cursor:pointer}}@media (min-width:1024px){.AutomaticState{border:4px solid #004638;border-radius:8px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:4px}.AutomaticLeft{align-items:flex-end;background-color:#004638;color:#f6f6f6;padding:4px}.AutomaticLeft,.AutomaticRight{display:flex;flex-direction:column}.AutomaticRight{align-items:flex-start;background-color:#f6f6f6;color:#004638;font-weight:700;margin:4px}.UpperBorder{border-top:2px solid #004638}}@media (max-width:1023px){.AutomaticState{border:4px solid #004638;border-radius:8px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:4px}.AutomaticLeft{align-items:flex-end;background-color:#004638;color:#f6f6f6;padding:4px}.AutomaticLeft,.AutomaticRight{display:flex;flex-direction:column}.AutomaticRight{align-items:flex-start;background-color:#f6f6f6;color:#004638;font-weight:700;margin:4px}.UpperBorder{border-top:2px solid #004638}}@media (min-width:1024px){.ControlPage{align-items:flex-start;display:flex;justify-content:flex-start}.LeftControl{display:flex;flex-direction:column}.LoggedInTempHumi{margin-top:128px}.RightControl{justify-content:flex-end;margin-top:-32px;max-width:1280px;width:98vw}.RightControl,.UserPageButton{align-items:center;display:flex}.UserPageButton{align-self:flex-end;background-color:#004638;border-radius:8px;color:#f6f6f6;font-size:64px;height:96px;justify-content:center;margin:16px 16px 16px 0;width:96px}.UserPageButton:hover{background-color:#82bf00;cursor:pointer}.UserPageButton:active{background-color:#82bf00;color:#004638}.Ac{align-items:center;display:flex;flex-direction:column;margin-top:32px}.AcState{align-self:center;background-color:#004638;border-radius:10px;margin-bottom:32px;width:12vw}.AcState,h1{color:#f6f6f6}.AcButtons{align-self:center;display:flex;justify-content:space-evenly;width:400px}.TurnOnButton{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:3vh}.TurnOnButton:active,.TurnOnButton:hover{background-color:#82bf00;cursor:pointer}.TurnOffButton{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:3vh}.TurnOffButton:active,.TurnOffButton:hover{background-color:#d32f2f;cursor:pointer}}@media (max-width:1023px){.ControlPage{align-items:center;justify-content:flex-start;width:100vw}.ControlPage,.LeftControl{display:flex;flex-direction:column}.MobileControl{display:flex;margin-top:16px}.RightControl{align-self:center}.Ac,.LoggedInTempHumi,.RightControl{align-items:center;display:flex;flex-direction:column}.LoggedInTempHumi{justify-content:center}.AcState{background-color:#004638;border-radius:8px;margin-bottom:32px;width:60vw}.AcState,h1{color:#f6f6f6}.AcButtons{align-self:center;display:flex;justify-content:space-evenly;margin-bottom:2vh;width:300px}.TurnOnButton{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:2vh}.TurnOnButton:active{background-color:#82bf00;cursor:pointer}.TurnOffButton{background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-size:larger;padding:2vh}.TurnOffButton:active{background-color:#d32f2f;cursor:pointer}.UserPageButton{align-items:center;background-color:#004638;border-radius:4px;color:#f6f6f6;display:flex;font-size:32px;height:48px;justify-content:center;margin:24px 0 24px 16px;width:48px}.UserPageButton:active{background-color:#82bf00;color:#004638}}@media (min-width:1024px){.Charts{color:#004638;font-size:larger;font-weight:700;height:400px;width:700px}}.spinner{animation:spin-anim 1.2s linear infinite;border-color:#d8f537 #0000;border-radius:50%;border-style:solid;border-width:8px;height:64px;width:64px}.spinner-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}@keyframes spin-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:1024px){.LoginPage{flex-direction:column;height:1000px}.Login,.LoginPage{align-items:center;display:flex;justify-content:space-evenly}.Login{flex-direction:row;width:90vw}.Loading{height:10vh;margin-left:2vw}.EmailForm{align-items:center;justify-content:center}.EmailForm,.EmailInput{display:flex;flex-direction:column}.EmailInput{align-items:flex-start}.Email,.Password{background-color:#f6f6f6;border:3px solid #004638;border-radius:10px;font-size:medium;height:5vh;padding-left:20px;padding-right:20px;width:20vw}.Password{margin-bottom:16px}h6{color:red;margin:1px}.SubmitEmail{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-self:flex-end;background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-family:Gilroy-Medium,Helvetica,Arial,sans-serif;padding:8px;width:200px}.SubmitEmail:hover{background-color:#82bf00;cursor:pointer}.Formik{align-self:flex-start}.label{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#004638;font-family:Gilroy-Medium,Helvetica,Arial,sans-serif;font-weight:700;margin-top:20px}.WeatherBoxHumi,.WeatherBoxTemp{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-size:24px;justify-content:center;margin-top:32px;padding:8px}.TopWeatherBox{margin-bottom:2px}.BottomWeatherBox{display:flex;justify-content:space-between;width:20vw}.LeftWeatherBox{background-color:#004638}.LeftWeatherBox,.RightWeatherBox{border-radius:10px;color:#f6f6f6;padding:8px;width:200px}.RightWeatherBox{background-color:#82bf00}.LoginAcState{background-color:#004638;border-radius:10px;color:#f6f6f6;font-size:16px;margin-top:32px;width:12vw}.OptionSelect{display:flex;justify-content:space-evenly;margin-bottom:16px;margin-top:-64px}.DateSelect{font-weight:600}.ButtonSelect,.DateSelect{align-items:center;display:flex}.ButtonSelect{font-size:larger;font-weight:700}}@media (max-width:1023px){.Login,.LoginPage{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.Login{width:90vw}.Formik{display:flex;flex-direction:column;margin-bottom:64px}.Loading{height:10vh;margin-left:2vw}.EmailForm{align-items:center;justify-content:center;margin-bottom:16px}.EmailForm,.EmailInput{display:flex;flex-direction:column}.EmailInput{align-items:flex-start}.Email{margin-bottom:20px}.Email,.Password{background-color:#f6f6f6;border:3px solid #004638;border-radius:10px;font-size:medium;height:5vh;padding-left:20px;padding-right:20px;width:80vw}h6{color:red}.SubmitEmail{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#004638;border:none;border-radius:10px;color:#f6f6f6;font-family:Gilroy-Medium,Helvetica,Arial,sans-serif;font-size:16px;height:8vh;width:80vw}.SubmitEmail:hover{cursor:pointer}.label{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#004638;font-family:Gilroy-Medium,Helvetica,Arial,sans-serif;font-weight:700}.WeatherBoxHumi,.WeatherBoxTemp{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-size:24px;justify-content:center;margin-top:4px;padding:8px}.TopWeatherBox{margin-bottom:2px}.BottomWeatherBox{align-items:center;display:flex;justify-content:center;width:20vw}.LeftWeatherBox{background-color:#004638}.LeftWeatherBox,.RightWeatherBox{border-radius:10px;color:#f6f6f6;padding:8px;width:200px}.RightWeatherBox{background-color:#82bf00}.LoginAcState{background-color:#004638;border-radius:10px;color:#f6f6f6;font-size:12px;margin-bottom:16px;margin-top:16px;width:256px}.OptionSelect{flex-direction:column;margin-top:8px}.DateSelect,.OptionSelect{align-items:center;display:flex}.DateSelect{font-weight:600;height:32px}.ButtonSelect{align-items:center;display:flex;font-size:larger;font-weight:700}}
/*# sourceMappingURL=main.c2a5da1b.css.map*/