@import url(https://fonts.googleapis.com/css2?family=Open+Sans);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin:0;font-size:20px;-webkit-font-smoothing:antialiased;line-height:1.3}a{color:#5334f5;text-decoration:none;font-weight:600}.Hero{background-image:url(/static/media/wallpaper3.accb270e.jpg);height:820px;background-size:cover;background-position:50%;position:relative}.HeroGroup{margin:0 auto;max-width:500px;padding:150px 50px;text-align:center}.Hero h1{margin:0;color:#fff;font-size:60px;line-height:1.2;opacity:0;-webkit-animation:HeroAnimation;animation:HeroAnimation;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-timing-function:cubic-bezier(.2,.8,.2,1)}.Hero p{color:hsla(0,0%,100%,.8);font-size:30px;line-height:1.5;-webkit-animation:HeroAnimation 3s cubic-bezier(.2,.8,.2,1) .2s forwards;animation:HeroAnimation 3s cubic-bezier(.2,.8,.2,1) .2s forwards;opacity:0}.Hero a{font-size:17px;font-weight:600;color:#fff;text-transform:uppercase;background-color:rgba(0,0,0,.7);padding:9px 20px;border:1px solid hsla(0,0%,100%,.25);border-radius:20px}@media (max-width:640px){.HeroGroup{padding:100px 20px}.Hero h1{font-size:40px}.Hero p{font-size:24px}}@-webkit-keyframes HeroAnimation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes HeroAnimation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Hero svg{position:absolute;bottom:0;left:0}.Cards h2{font-size:60px;text-align:center;background:linear-gradient(104deg,#050a27,#4a548c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.Cards h2,.Cards h3{margin:50px 20px;font-weight:700}.Cards h3{font-size:30px;text-align:center}.CardGroup{width:500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;justify-content:center;align-content:center}@media (max-width:1060px){.CardGroup{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.CardGroup{grid-template-columns:repeat(1,1fr)}}.TagsGroup{width:500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;justify-content:center;align-content:center}.Hero .Logos{display:grid;grid-template-columns:repeat(3,.3fr);margin-bottom:30px;margin-top:30px;justify-items:center}@media (max-width:640px){.Hero .Logos{grid-template-columns:repeat(3,.3fr)}}.Header{position:fixed;width:100%;padding:50px 0;z-index:100}.HeaderScrolled{background:rgba(0,0,0,.8);padding:15px 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.HeaderGroup{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(6,auto);align-items:center;justify-items:center}.Header a{color:#fff;font-weight:700}@media (max-width:640px){.Header{padding:15px 0}.HeaderGroup{grid-template-columns:repeat(5,auto)}.Header a:first-child,.Header a:nth-child(2){display:none}}.Header button{padding:8px 20px;font-size:20px;background:#2d3b6a;border:none;font-weight:700;border-radius:10px;outline:none;cursor:pointer;transition:1s cubic-bezier(.2,.8,.2,1);color:#fff}.Header button:hover{background:#fff;color:#000;box-shadow:0 10px 20px rgba(0,0,0,.25);transform:translateY(-3px)}.Card{width:300px;height:225px;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.25);display:grid;grid-template-rows:1fr 1fr;transition:.8s cubic-bezier(.2,.8,.2,1);margin-bottom:20px}.Card:hover{transform:scale(1.1);box-shadow:0 30px 60px rgba(0,0,0,.5)}.Card:hover img{transform:translateY(-20px)}.Card img{position:absolute;top:0;height:110%;z-index:-1;transition:.8s cubic-bezier(.2,.8,.2,1)}.Card h3{color:#fff;font-size:40px;margin:auto;width:190px}.Card p{color:hsla(0,0%,100%,.8);text-transform:uppercase;font-weight:600;font-size:25px;align-self:end;color:#fff;margin:auto}.Card a{color:#fff;margin:auto}.Tag{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.8s cubic-bezier(.2,.8,.2,1);text-transform:uppercase;background:linear-gradient(104deg,#c0392b,#8e44ad);-webkit-background-clip:text;background-clip:text}.Tag,.Tag:hover{-webkit-text-fill-color:transparent}.Tag:hover{transform:translateY(-10px) scale(1);background:linear-gradient(90deg,#30cfd0 0,#330867);background-clip:border-box;-webkit-background-clip:text}.Tags{width:128px;height:128px;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(198,208,235,.5);border:1px solid #c6d0eb;transition:.8s cubic-bezier(.2,.8,.2,1)}.Tags:hover{box-shadow:0 30px 60px #c6d0eb;transform:translateY(-10px) scale(1.3);background-color:#c6d0eb}.Tags:hover img{margin:auto;border-radius:10px}.Tags img{position:absolute;z-index:-1;transition:.8s cubic-bezier(.2,.8,.2,1);height:80px;width:80px;border-radius:10px}
/*# sourceMappingURL=main.3084d34c.chunk.css.map */