body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;font-family:Libre Franklin,sans-serif}*{box-sizing:border-box;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace,DM Sans;font-family:DM Sans,sans-serif;font-family:Libre Franklin,sans-serif}body{align-items:center;background-color:#272727;display:flex;flex-direction:row;height:100vh;justify-content:center;margin:0;padding:0;width:100%}a{color:inherit;text-decoration:none}#root{margin:0 auto;min-height:100vh;min-width:100vw;padding:0}main{flex-direction:column;min-height:100vh;position:relative}.header-container,main{align-items:center;display:flex;width:100%}.header-container{font-family:sans-serif;justify-content:space-between;padding:24px}.menu-options{align-items:center;color:#fff;display:flex;gap:12px;justify-content:space-between}a{cursor:pointer;font-size:18px;font-weight:400;&:hover{color:#8a2be3}}button{border-radius:30px}.glow-on-hover{background:#000;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;height:50px;position:relative;width:160px;z-index:0}.glow-on-hover:before{-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:100px;content:"";-webkit-filter:blur(5px);filter:blur(5px);font-size:16px;height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.glow-on-hover:active{color:#fff}.glow-on-hover:active:after{-webkit-text-decoration:0;text-decoration:0}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{background:#111;border-radius:100px;content:"";font-size:16px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.logo{border-radius:30px;cursor:pointer;height:100px;width:150px}.logo:hover{color:#000}.my-element{grid-gap:220px;background:#fff;border-radius:15px;color:#000;display:grid;gap:220px;grid-template-columns:120px 120px 120px;justify-content:center;margin:30px}.box1,.my-element{align-items:center}h1 span{font-size:20px}.box3{align-items:center;display:flex;height:200px;justify-content:center;overflow:hidden;width:200px}.box3,.box3 img{border-radius:50%}.box3 img{height:auto;max-width:100%}
/*# sourceMappingURL=main.c4a4f34e.css.map*/