@import url(https://fonts.googleapis.com/css?family=Poppins:700);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{margin:0;padding:0;width:100vw;height:100%;overflow:hidden;position:relative;background:#364de3;z-index:0;display:flex;flex-direction:column;align-items:flex-start;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.main-title{font-size:6.5vw;text-transform:uppercase;padding-left:40px}.main-title,.second-title{color:#fff;font-weight:700;font-family:"Poppins",sans-serif}.second-title{font-size:2vw;position:relative;top:-3.5vw}.blob{position:absolute;top:0;left:0;fill:#023f92;width:50vmax;z-index:-1;-webkit-animation:move 10s ease-in-out infinite;animation:move 10s ease-in-out infinite;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.contacts li{display:inline-block;padding-left:50px}@-webkit-keyframes move{0%{-webkit-transform:scale(1) translate(10px,-30px);transform:scale(1) translate(10px,-30px)}38%{-webkit-transform:scaleX(.8) translate(80vw,30vh) rotate(160deg);transform:scaleX(.8) translate(80vw,30vh) rotate(160deg)}40%{-webkit-transform:scaleX(.8) translate(80vw,30vh) rotate(160deg);transform:scaleX(.8) translate(80vw,30vh) rotate(160deg)}78%{-webkit-transform:scale(1.3) translateY(50vh) rotate(-20deg);transform:scale(1.3) translateY(50vh) rotate(-20deg)}80%{-webkit-transform:scale(1.3) translateY(50vh) rotate(-20deg);transform:scale(1.3) translateY(50vh) rotate(-20deg)}to{-webkit-transform:scale(1) translate(10px,-30px);transform:scale(1) translate(10px,-30px)}}@keyframes move{0%{-webkit-transform:scale(1) translate(10px,-30px);transform:scale(1) translate(10px,-30px)}38%{-webkit-transform:scaleX(.8) translate(80vw,30vh) rotate(160deg);transform:scaleX(.8) translate(80vw,30vh) rotate(160deg)}40%{-webkit-transform:scaleX(.8) translate(80vw,30vh) rotate(160deg);transform:scaleX(.8) translate(80vw,30vh) rotate(160deg)}78%{-webkit-transform:scale(1.3) translateY(50vh) rotate(-20deg);transform:scale(1.3) translateY(50vh) rotate(-20deg)}80%{-webkit-transform:scale(1.3) translateY(50vh) rotate(-20deg);transform:scale(1.3) translateY(50vh) rotate(-20deg)}to{-webkit-transform:scale(1) translate(10px,-30px);transform:scale(1) translate(10px,-30px)}}@media (max-width:900px){.main-title{font-size:8vmin}.second-title{top:-20px}.App{margin:0;padding:0;width:100vw;height:300vw;overflow:hidden;position:relative;background:#364de3;z-index:0;align-items:flex-start;-ms-overflow-style:none}.App,.members{display:flex;flex-direction:column}.members{flex-wrap:wrap;padding:5vw;grid-gap:3vw;gap:3vw}}@media (max-width:900px){.main-title{font-size:8vmin;padding:20px}.second-title{top:-20px}.contacts{padding-left:0;position:relative;right:27px}.members{flex-wrap:wrap;padding:5vw;grid-gap:3vw;gap:3vw}.App,.members{display:flex;flex-direction:column}.App{margin:0;padding:0;width:100vw;height:300vw;overflow:hidden;position:relative;background:#364de3;z-index:0;align-items:flex-start;-ms-overflow-style:none}}.members{display:flex;flex-direction:row;flex-wrap:wrap;padding:5vw;grid-gap:3vw;gap:3vw}.container,.container .card{position:relative}.container .card{width:20vw;height:28vw;background:#232323;border-radius:1vw;overflow:hidden}.container .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00308f;-webkit-clip-path:circle(11vw at 80% 20%);clip-path:circle(11vw at 80% 20%);transition:.5s ease-in-out}.container .card:hover:before{-webkit-clip-path:circle(20vw at 80% -20%);clip-path:circle(20vw at 80% -20%)}.container .card:after{content:"ACM";position:absolute;top:30%;left:-20%;font-size:12vw;font-weight:800;font-style:italic;color:hsla(0,0%,100%,.05)}.container .card .contentBx{position:absolute;bottom:0;width:100%;height:100px;text-align:center;transition:1s;z-index:10}.container .card:hover .contentBx{height:13vw}.container .card .contentBx h2{position:relative;font-size:2vw;font-weight:600;letter-spacing:1px;color:#fff;margin:0}.container .card .contentBx .color,.container .card .contentBx .size{display:flex;justify-content:center;align-items:center;transition:.5s;opacity:0;visibility:hidden;padding:0 .6px}.container .card:hover .contentBx .size{opacity:1;visibility:visible;transition-delay:.5s}.container .card:hover .contentBx .color{opacity:1;visibility:visible;transition-delay:.6s}.container .card .contentBx .color h3,.container .card .contentBx .size h3{color:#fff;font-weight:300;font-size:1vw;text-transform:uppercase;letter-spacing:2px;margin-right:10px}.container .card .contentBx .size span{width:26px;height:26px;text-align:center;line-height:26px;font-size:14px;display:inline-block;background:#fff;margin:0 5px;transition:.5s;color:#111;border-radius:4px;cursor:pointer}.container .card .contentBx .size span:hover{background:#9bdc28}.container .card .contentBx .color{margin-top:4vw}.container .card .contentBx .color a{width:1vw;height:1vw;background:#ff0;border-radius:50%;margin:0 .5vw;cursor:pointer}.container .card .contentBx .color a:nth-child(2){background:#9bdc28}.container .card .contentBx .color a:nth-child(3){background:#03a9f4}.container .card .contentBx .color a:nth-child(4){background:#e91e63}
/*# sourceMappingURL=main.cb8aea1d.chunk.css.map */