@keyframes spinnerAnimation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinnerCenterAnimation{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}#About #Top{background-image:url("/images/about/top.webp")}@media (max-width: 575px){#About #Top{background-image:url("/images/about/top-m.webp")}}#About #TimeLine>.content{display:flex;width:100%;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:100px}@media (max-width: 1023px){#About #TimeLine>.content{gap:50px}}#About #TimeLine>.content>.time{display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:100px}@media (max-width: 1023px){#About #TimeLine>.content>.time{gap:50px}}@media (max-width: 749px){#About #TimeLine>.content>.time{display:flex;width:100%;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}}#About #TimeLine>.content>.time>.text{position:relative}@media (max-width: 749px){#About #TimeLine>.content>.time>.text{padding-top:30px}}@media (max-width: 575px){#About #TimeLine>.content>.time>.text{width:100%}}#About #TimeLine>.content>.time>.text h2{padding-left:150px;position:relative;font-size:2.4rem}@media (max-width: 749px){#About #TimeLine>.content>.time>.text h2{padding-left:100px;min-height:40px}}@media (max-width: 575px){#About #TimeLine>.content>.time>.text h2{padding-left:80px;padding-left:0}}#About #TimeLine>.content>.time>.text h2:before{content:attr(data-time);font-size:5rem;font-family:"Yeseva One",sans-serif;font-weight:400;color:var(--primary);transition:all .4s;transition-delay:.2s;position:absolute;top:0;left:0}@media (max-width: 749px){#About #TimeLine>.content>.time>.text h2:before{font-size:3.5rem}}@media (max-width: 575px){#About #TimeLine>.content>.time>.text h2:before{position:relative;display:block;font-size:2.5rem}}#About #TimeLine>.content>.time>.text h3{margin-top:20px;margin-bottom:20px}#About #TimeLine>.content>.time>.pictures{display:inline-flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;--width:600px;width:var(--width);min-width:var(--width);gap:10px}@media (max-width: 1439px){#About #TimeLine>.content>.time>.pictures{--width:450px}}@media (max-width: 1023px){#About #TimeLine>.content>.time>.pictures{--width:300px}}@media (max-width: 749px){#About #TimeLine>.content>.time>.pictures{--width:100%}}#About #TimeLine>.content>.time>.pictures>img{width:400px}@media (max-width: 1439px){#About #TimeLine>.content>.time>.pictures>img{max-width:60%}}#About #TimeLine>.content>.time>.pictures picture{overflow:hidden}#About #TimeLine>.content>.time>.pictures picture img{transition:all .4s}#About #TimeLine>.content>.time>.pictures picture:hover>img{-webkit-transform:scale(1.1) rotate(0deg);-moz-transform:scale(1.1) rotate(0deg);-ms-transform:scale(1.1) rotate(0deg);-o-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0deg)}#About #TimeLine>.content>.time:nth-child(2n){flex-direction:row-reverse}@media (max-width: 749px){#About #TimeLine>.content>.time:nth-child(2n){flex-direction:column}}#About #TimeLine>.content>.time:not(.show)>.text:before{-webkit-transform:scale(0.4) rotate(-10deg);-moz-transform:scale(0.4) rotate(-10deg);-ms-transform:scale(0.4) rotate(-10deg);-o-transform:scale(0.4) rotate(-10deg);transform:scale(0.4) rotate(-10deg);opacity:0}#About #TimeLine>.content>.time:not(.show)>picture{opacity:0;-webkit-transform:scale(0.8) rotate(10deg);-moz-transform:scale(0.8) rotate(10deg);-ms-transform:scale(0.8) rotate(10deg);-o-transform:scale(0.8) rotate(10deg);transform:scale(0.8) rotate(10deg)}#About #BannerChangement{background-image:url(/images/about/banner.webp);background-size:cover;background-position:center center;min-height:450px;position:relative}#About #BannerChangement>*{position:relative;z-index:10}#About #BannerChangement:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:5}@media (max-width: 575px){#About #BannerChangement{background-image:url(/images/about/banner-m.webp);min-height:350px}}#About #BannerChangement>.content{display:flex;width:100%;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;text-align:center}#About #BannerChangement>.content h2{color:white;margin-bottom:0}#About #Presentation>.content{display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:100px}@media (max-width: 1199px){#About #Presentation>.content{gap:50px}}@media (max-width: 1023px){#About #Presentation>.content{display:flex;width:100%;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}}#About #Presentation>.content>.left{flex-grow:1}#About #Presentation>.content>.left h2{font-size:2.4rem;margin-top:60px}#About #Presentation>.content>.left h2:first-child{margin-top:0}#About #Presentation>.content>.right{display:flex;width:100%;flex-direction:column;flex-wrap:nowrap;--width:470px;min-width:var(--width);width:var(--width);gap:2px}@media (max-width: 1199px){#About #Presentation>.content>.right{--width:370px}}@media (max-width: 575px){#About #Presentation>.content>.right{--width:100%}}#About #Presentation>.content>.right picture{overflow:hidden;--animate-duration:1s}#About #Presentation>.content>.right picture>img{transition:all .4s}#About #Presentation>.content>.right picture:hover>img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}#About #Presentation>.content>.right picture:not(.show){-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);opacity:0}
/*# sourceMappingURL=about.css.map */