@media screen and (max-width:1024px){.functionality-scroll{padding:14rem 3rem}.commands,.contact,.pdc,.cgu,.staff{padding:0 5rem}.principale{padding:0 5rem}}@media screen and (max-width:850px){.functionality-scroll{padding:10rem 20px;gap:20rem}.functionality{flex-direction:column;gap:150px}.principale{padding:1.25rem 20px}}@media screen and (max-width:810px){.servers{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:668px){.nav-list{position:fixed;top:80px;left:50%;flex-direction:column;justify-content:center;align-items:center;background:#12131a;transform:translateX(-150%);width:100%;height:100vh;transition:transform 0.3s ease-in-out}.principale{background:#fff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.25rem 20px;justify-content:space-between;position:fixed;top:0;width:100%;height:80px}.principale ul li a{margin:0 10px}.nav-list.active{transform:translateX(-50%)}.nav-list li{margin:10px 0}.nav-list.active li{opacity:1;transform:translateY(0)}.buttons{display:flex;align-items:center}.nav-toggle{display:block;background:none;border:none;cursor:pointer;padding:10px}.bar{background-color:#fff;display:block;height:2px;margin:4px auto;transition:transform 0.3s ease-in-out;width:25px}.nav-list~.buttons .nav-toggle .bar{transition:opacity 0.3s ease,transform 0.3s ease}.nav-list.active~.buttons .nav-toggle .bar:nth-child(2){opacity:0;transform:translateY(0) rotate(0)}.nav-list.active~.buttons .nav-toggle .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-list.active~.buttons .nav-toggle .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.servers{flex-direction:column}.mobile{display:contents}.presentation{text-align:center;padding:80px 20px}.functionality-scroll::before{padding-top:90%;width:90%}.functionality-image,.functionality-text{text-align:center}.functionality-image i{font-size:200px}.commands-list,.pdc-list,.cgu-list{padding:40px 20px}.support-section{padding:50px 20px}.commands,.contact,.pdc,.cgu,.staff{padding:0 20px}.staff-list{display:flex;flex-direction:column}.container{padding:0 20px}footer{flex-direction:column;align-items:center;padding:1.25rem 0}.container{flex-direction:column}}@media screen and (max-width:550px){.servers{grid-template-columns:repeat(1,1fr)}}