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}.message-input{display:flex;justify-content:center;align-items:baseline}.main-div{display:grid;grid-template-columns:25fr 50fr 25fr;grid-template-rows:25fr 10fr 20fr 7fr 5fr 8fr 25fr;grid-column-gap:0;grid-row-gap:0}.div1{grid-area:1/1/NaN/NaN}.div2{grid-area:1/1/2/2}.div3{grid-area:1/1/3/2}.profile-div{display:grid;grid-column:2/span 1;grid-row:2;justify-content:space-evenly;align-items:center}h2{margin-bottom:2em}p{margin-bottom:1em}.main{display:grid;justify-content:space-between;margin:2em;padding:2em}*{margin:0;padding:0;box-sizing:border-box;font-family:consolas}body{min-height:100vh;background:#1d061a}.container,body{display:flex;justify-content:center;align-items:center}.container{flex-wrap:wrap;padding:40px 0}.container .box{position:relative;width:320px;height:400px;display:flex;justify-content:center;align-items:center;margin:40px 30px;transition:.5s}.container .box:before{content:" ";left:50px;text-decoration:none}.container .box:after,.container .box:before{position:absolute;top:0;width:50%;height:100%;background:#fff;border-radius:8px;-webkit-transform:skewX(15deg);transform:skewX(15deg);transition:.5s}.container .box:after{content:"";left:50;-webkit-filter:blur(30px);filter:blur(30px)}.container .box:hover:after,.container .box:hover:before{-webkit-transform:skewX(0deg);transform:skewX(0deg);left:20px;width:calc(100% - 90px)}.container .box:first-child:after,.container .box:first-child:before{background:linear-gradient(315deg,#00d5ff,#ff0058)}.container .box:nth-child(2):after,.container .box:nth-child(2):before{background:linear-gradient(315deg,#03a9f4,#ff0058)}.container .box:nth-child(3):after,.container .box:nth-child(3):before{background:linear-gradient(315deg,#4dff03,#00d0ff)}.container .box span{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.container .box span:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-radius:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:.1s;-webkit-animation:animate 2s ease-in-out infinite;animation:animate 2s ease-in-out infinite;box-shadow:0 5px 15px rgba(0,0,0,.08)}.container .box:hover span:before{top:-50px;left:50px;width:100px;height:100px;opacity:1}.container .box span:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;border-radius:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:.5s;-webkit-animation:animate 2s ease-in-out infinite;animation:animate 2s ease-in-out infinite;box-shadow:0 5px 15px rgba(0,0,0,.08);-webkit-animation-delay:-1s;animation-delay:-1s}.container .box:hover span:after{bottom:-50px;right:50px;width:100px;height:100px;opacity:1}@-webkit-keyframes animate{0%,to{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translate(-10px);transform:translate(-10px)}}@keyframes animate{0%,to{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translate(-10px);transform:translate(-10px)}}.container .box .content{position:relative;left:0;padding:20px 40px;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:8px;z-index:1;-webkit-transform:.5s;transform:.5s;color:#fff}.container .box:hover .content{left:-25px;padding:60px 40px}.container .box .content h2{font-size:2em;color:#fff;margin-bottom:5em}.container .box .content p{font-size:1.1em;margin-bottom:10px;line-height:1.4em;text-align:justify;color:var(--color1)}.container .box .content a{display:flex;flex-direction:row-reverse;align-content:center;font-size:1.1em;color:#111;background:#fff;padding:10px;border-radius:4px;text-decoration:none;font-weight:700;margin:1em .25em 1em .5em;font-family:"Bungee",cursive}.container .box .content a:hover{background:var(--color2);border:1px solid rgba(255,0,88,.4);box-shadow:0 1px 15px rgba(1,1,1,.2)}.content img{border-radius:50%;height:100px;width:100px}.content h3{margin-bottom:.5em}h3{color:var(--color1);font-size:2.5em}.meet-us{display:flex;text-align:center;height:auto;font-size:2em}.hunt{flex-direction:column}#root,.hunt,body,html{display:flex;align-items:center}#root,body,html{background-image:linear-gradient(150deg,var(--color1),var(--color6),var(--color1));background-repeat:no-repeat;background-size:stretch;justify-content:center;width:100%;height:100%;--color1:#200027;--color2:#c822ff;--color3:#ab8aff;--color4:#00fff2;--color5:#7aff22;--color6:#08000a}.profile-div{background:transparent;width:25em;height:25em;display:flex;text-align:left;flex-direction:column;border-radius:.25em}.profile-div p{font-family:"Cutive Mono",monospace;color:#f0d}.chat-div{background:transparent;width:25em;height:25em;display:flex;text-align:left;margin:2em;padding:1em;flex-direction:column-reverse;overflow-y:scroll;overflow-x:hidden;border-radius:.25em}.user-greeting{display:flex;flex-direction:column;color:var(--color3);font-family:"Bungee",cursive}*{font-family:"Bungee Shade",cursive;color:#fff}.sent-messages{font-family:"Cutive Mono",monospace;color:var(--color5);margin:5px;background-color:var(--color1)}li{list-style:none;color:var(--color2)}a{display:flex;align-content:space-around;color:var(--color4);font-size:1.5em}h2{color:var(--color5)}button{background:transparent;color:var(--color4);height:2em;width:7em;border:solid var(--color3);border-radius:.25em;margin-top:.5em}button:hover{cursor:pointer;opacity:.4}form{align-items:center;height:5em}form,input{display:flex;color:var(--color4)}input{background-color:var(--color1);border:none;font-family:"Nixie One",cursive}label{color:var(--color3)}.auth{display:flex;flex-direction:column;align-items:center;color:var(--color5);margin:.5em;padding:.5em}.auth button{margin:2em}.auth button,.auth label{font-family:"Bungee",cursive}.auth h1{margin-bottom:2em}.sign-up{margin:1em 1em 4em}.sign-in,.sign-up{display:flex;flex-direction:column}.sign-in{margin:1em}.greeting{display:flex;flex-wrap:wrap;flex-direction:column;margin-left:1.7em;margin-top:.5em;font-size:2em;font-family:"Bungee",cursive;color:var(--color4)}.content p{font-family:"Cutive Mono",monospace}.content a{margin:1px}.magic-button{width:7rem;height:3rem;font-size:1.5em;color:var(--color4);position:relative;border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.01)}.magic-button:after{position:absolute;top:15px;content:"chat";left:0;right:0;z-index:-1;height:100%;width:100%;-webkit-transform:scale(.9) translateZ(0);transform:scale(.9) translateZ(0);-webkit-filter:blur(15px);filter:blur(15px);background:linear-gradient(270deg,#ff5770,#e4428d,#c42da8,#9e16c3,#6501de,#9e16c3,#c42da8,#e4428d,#ff5770);background-size:200% 200%;-webkit-animation:animateGlow 1.25s linear infinite;animation:animateGlow 1.25s linear infinite}@-webkit-keyframes animateGlow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes animateGlow{0%{background-position:0 50%}to{background-position:200% 50%}}.user-input{flex-direction:column;width:30em;display:flex;align-items:center}.user-input input{width:20em;font-family:"Bungee",cursive;color:var(--color4);margin:2em;padding:1.5em}.user-input select{width:20em;font-family:"Cutive Mono",monospace;color:var(--color1);padding:.75em}.user-input button{margin-top:2em}.menu-button:after{content:"bar"}.MuiDrawer-paperAnchorLeft a{color:var(--color1)}.MuiDrawer-paperAnchorLeft button{height:2em;color:var(--color1);border:.25em solid var(--color4)}
/*# sourceMappingURL=main.b58c260b.chunk.css.map */