@font-face{font-family:Montserrat;src:url(Montserrat-ExtraBold.3f06f972.woff2)format("woff2"),url(Montserrat-ExtraBold.a8139a0d.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(Montserrat-Light.422519c8.woff2)format("woff2"),url(Montserrat-Light.c3df584a.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(Montserrat-Regular.d7d78195.woff2)format("woff2"),url(Montserrat-Regular.e1e4c49e.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html,body{box-sizing:border-box;height:100%;margin:0}body{color:#f5f5f7;background-color:#1c1c1e;flex-direction:column;justify-content:space-between;align-items:center;padding:0 20px;font-family:Montserrat,sans-serif;display:flex}h1,h2{z-index:2;text-align:center;letter-spacing:-1.2px;margin:0 auto;font-size:60px;font-weight:700}h1{letter-spacing:1px;font-size:40px;font-weight:400}p{z-index:2;text-align:center;font-size:26px;font-weight:400}.panels{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:26px;max-width:1000px;margin:2.5px auto;display:grid}.panel{background-color:#3a3a3c;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.panel:hover:before{opacity:.6;filter:blur()}.panel:hover .panel__icon path{fill:linear-gradient(90deg,#3498db,#9b59b6,#e74c3c,#f39c12)}.panel:before{content:attr(data-name);color:#0000;text-align:center;white-space:nowrap;pointer-events:none;z-index:-1;opacity:0;filter:blur(50px);background:linear-gradient(90deg,#3498db,#9b59b6,#e74c3c,#f39c12);-webkit-background-clip:text;background-clip:text;font-size:400px;font-weight:700;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.panel a{color:inherit;z-index:2;padding:20px;text-decoration:none;display:block;left:0}.panel__icon path{fill:#fff}.profile{position:relative}footer{text-align:center;opacity:.6;width:100%;padding:10px;font-size:12px}.container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}
/*# sourceMappingURL=showcase.3e12fa11.css.map */