body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#0c0c0d;color:#fff}@font-face{font-family:MyFont1;font-style:normal;font-weight:400;src:url(/static/media/Bold.16acd5944000ba4b2140.ttf) format("truetype")}@font-face{font-family:MyFont2;font-style:normal;font-weight:400;src:url(/static/media/ExtraLight.a191de09a9f24a70999f.ttf) format("truetype")}*,body{box-sizing:border-box;margin:0;padding:0}.App h1{font-family:MyFont1,sans-serif;font-size:64px;line-height:.95;margin:20px 20px 20px 810px;padding:20px;text-transform:lowercase}@media (max-width:3440px){.App h1{font-size:48px;margin-left:40px}}@media (max-width:768px){.App h1{font-size:36px;margin-left:30px}}@media (max-width:480px){.App h1{font-size:28px;margin-left:20px}}.App h1 .highlight{color:#b292ff;margin-left:60px}.tile-container{margin:0 auto;max-width:1800px;overflow:hidden;position:relative}.tile-grid{grid-gap:25px;display:grid;gap:25px;grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr);padding:25px}@media (max-width:1200px){.tile-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.tile-grid{grid-template-columns:1fr}}.tile{aspect-ratio:3/4;background-color:#ddd;border:none;border-radius:30px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,filter .3s ease;width:100%}.tile:hover{transform:scale(1.05)}.tile img{height:100%;object-fit:cover;object-position:center;position:absolute;top:0;transition:filter .3s ease;width:100%;z-index:0}.tile:hover img{filter:brightness(.6)}.play-button{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#b292ff;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background-color .3s ease,transform .3s ease;width:40px;z-index:1}.play-button:before{border-bottom:8px solid #0000;border-left:12px solid #b292ff;border-radius:3px;border-top:8px solid #0000;content:"";height:0;transform:translateX(1px) translateY(1px);transition:transform .3s ease;width:0}.tile:hover .play-button:before{transform:translateX(1px) translateY(1px) scale(1.2)}.play-button:hover{background-color:#b292ff;transform:scale(1.1)}.title-container{align-items:center;background-clip:padding-box;border:none;bottom:0;box-shadow:none;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:30px;position:absolute;transition:color .3s ease;width:100%;z-index:1}.title-container h3{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,#fff,#fff);color:#fff;font-family:MyFont1,sans-serif;font-size:12px;margin:0;transform:scale(1);transition:background .3s ease,color .3s ease,transform .3s ease}.title-container p{color:#fff;font-family:MyFont2,sans-serif;font-size:12px;margin:0;padding-top:16px;transition:transform .3s ease}.tile:hover .title-container h3{background-image:linear-gradient(45deg,#b292ff,#b292ff);color:#0000;transform:scale(1.2)}.tile:hover .title-container p{color:#fff;transform:scale(.8)}.video-modal{align-items:center;background-color:#000000b3;border-radius:20px;bottom:0;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:1000}.video-modal video{border-radius:10px;display:block;height:auto;margin:auto;max-height:60%;max-width:60%;object-fit:contain;width:auto}.video-modal .close-button{background-color:initial;border:none;border-radius:50%;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:40px;height:50px;line-height:40px;position:absolute;right:10px;text-align:center;top:10px;width:50px;z-index:10}.video-modal .close-button:hover{background-color:#0000004d;color:#b292ff}.header-container{align-items:center;justify-content:space-between;position:relative}.telegram-button{background-color:initial;color:#fff;display:inline-block;font-family:MyFont1;font-size:16px;margin-left:20px;padding:0;position:absolute;right:900px;text-decoration:none}.telegram-button:hover{color:#b292ff}.motion-design-portfolio{margin:0 auto;max-width:1900px;padding:0 25px}.shapes-container{align-items:center;display:flex;height:80vh;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:40vw;z-index:-1}.header-container{display:flex;justify-content:center;padding:20px}.logo img{width:150px}.shape{border-radius:50%;filter:blur(200px);pointer-events:none;position:absolute}
/*# sourceMappingURL=main.087ff543.css.map*/