.mainContainer{align-items:flex-start;flex-direction:column;justify-content:flex-start}.mainLogo{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:22vw}.mainTitle{color:#fff}.menu{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin:0;padding:0}.menu li{cursor:pointer;display:flex;margin-right:2rem;text-transform:uppercase;transition:.15s}.menu li a{color:#fff;font-family:Manrope;font-size:.9rem;font-weight:400;height:1.5rem;text-decoration:none}.menu li:hover{transform:translateY(-5px)}.mainPage{width:100%}.mainPage .social ul{display:flex;flex-direction:column;margin:0;padding:0}.mainPage .social ul li{align-items:flex-start;display:flex;height:1.3vw;justify-content:center;margin-bottom:1.3vw;width:1.3vw}.mainPage .social ul li:last-child{margin-bottom:0}.mainPage .social ul a{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transition:.3s;width:100%}.mainPage .social ul li a:after{background:#fff;border-radius:50%;content:"";height:160%;position:absolute;transform:scale(0);transition:.3s ease;width:160%;z-index:0}.mainPage .social ul li a:hover:after{transform:none;transition:.5s cubic-bezier(.175,.885,.32,1.275)}.mainPage .social ul li img{height:100%;-o-object-fit:contain;object-fit:contain;transition:.5s;width:100%;z-index:2}.mainPage .slogan{align-items:flex-start;align-self:flex-end;display:flex;flex-direction:column;justify-content:center}.mainPage .slogan,.mainPage .slogan h3{color:#fff;font-family:Open Sans;font-size:1.2rem;font-weight:400;line-height:1.6rem;margin:0;text-align:left;width:100%}.mainPage .slogan span:first-child{margin-bottom:0}.mainPage{align-items:flex-start;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,minmax(33%,1fr))}.menu{grid-column:1;grid-row:1;position:absolute}.logoContainer{align-items:center;display:flex;flex:0 0;flex-direction:column;grid-column:2;grid-row:2;margin:auto}.logoContainer h1{color:#fff;font-family:Manrope;font-size:100%;font-weight:300;margin:0;opacity:0;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase}.logo{width:22vw}.mainPage .social{align-items:flex-end;align-self:flex-end;display:flex;grid-column:3;grid-row:3;justify-content:flex-end}.slogan{grid-column:1;grid-row:3}.mainPage .scroll_down{align-self:flex-end;-webkit-animation:scroll_down 1s ease infinite;animation:scroll_down 1s ease infinite;grid-column:2;grid-row:3;height:3.5rem;justify-self:center}@-webkit-keyframes scroll_down{0%{transform:translateY(0)}20%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes scroll_down{0%{transform:translateY(0)}20%{transform:translateY(10px)}to{transform:translateY(0)}}.mainPage .scroll_down img{height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:1023px){.menu{display:none}.mainPage{align-items:center;display:flex;flex-direction:column;gap:unset;justify-content:flex-start;padding:60px 6.8vw}.logoContainer{margin:0 0 13rem;order:1}.mainPage .logo{max-width:400px;width:60vw}.mainPage .social{align-items:flex-start;align-self:flex-start;justify-content:flex-start;margin-bottom:13rem;margin-top:0;order:0}.mainPage .social ul li{height:17px;margin-bottom:19px;width:17px}.mainPage .social ul li a{height:17px;width:17px}.mainPage .slogan{align-items:center;margin-bottom:2.15rem;order:2;text-align:center}.mainPage .slogan h3{text-align:center}.mainPage .scroll_down{align-self:center;height:4.43rem;order:3}}
