@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap);:root{--color1:#0e103d;--color2:#69306d;--color3:#a5668b;--color4:#d3bcc0;--color5:#f2d7ee}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-0:#fcf3ea;--color-1:#ddd4cc;--color-2:#afa193;--color-3:#9b8269;--color-4:#5f5449;--font:"Dancing Script",cursive;--font-2:"Black Ops One",cursive;--fonnt-3:"Oleo Script",cursive}.App{text-align:center}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.signup-main-page{background-image:url(https://images.assetsdelivery.com/compings_v2/leoedition/leoedition1904/leoedition190400354.jpg);height:100vh}.heading-top{background-color:var(--color-4);border:10px solid var(--color-3);border-radius:20px;color:var(--color-1);display:inline-block;font-family:var(--font-2);font-size:3rem;margin-bottom:20px;margin-top:4rem;padding:1rem}.signup-page-container{align-items:center;background-color:var(--color-4);border:5px solid var(--color-4);border-radius:10px;display:flex;justify-content:center;padding:5rem;width:95%}.signup-form{background-color:var(--color-1);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:40px;width:500px}Input{border-radius:10px;width:auto}.form-lable,Input{font-family:var(--font)}.form-lable{font-size:1.3rem;font-weight:700}.form-control{display:flex;justify-content:space-evenly;margin-bottom:10px}.signup-heading{font-size:24px;font-weight:700;margin-right:1rem}.signup-heading,.signup-input{margin-bottom:24px}.button-box{font-family:var(--font)}.signup-button{background-color:var(--color-4);border:5px solid var(--color-1);border-radius:4rem;color:var(--color-1);display:inline-block;font:var(--font);font-size:20px;font-weight:300;margin-top:2px;padding:15px}@media screen and (max-width:480px){.signup-form{width:90%}}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{box-sizing:initial;overflow:visible}.svg-inline--fa{display:inline-block;display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:.3em;margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{top:.25em;width:2em;width:var(--fa-li-width,2em)}.svg-inline--fa.fa-fw{width:1.25em;width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;background-color:var(--fa-counter-background-color,#ff253a);border-radius:1em;border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:#fff;color:var(--fa-inverse,#fff);line-height:1;line-height:var(--fa-counter-line-height,1);max-width:5em;max-width:var(--fa-counter-max-width,5em);min-width:1.5em;min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:.25em .5em;padding:var(--fa-counter-padding,.25em .5em);right:0;right:var(--fa-right,0);text-overflow:ellipsis;top:0;top:var(--fa-top,0);-webkit-transform:scale(.25);-webkit-transform:scale(var(--fa-counter-scale,.25));transform:scale(.25);transform:scale(var(--fa-counter-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;bottom:var(--fa-bottom,0);right:0;right:var(--fa-right,0);top:auto;-webkit-transform:scale(.25);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;bottom:var(--fa-bottom,0);left:0;left:var(--fa-left,0);right:auto;top:auto;-webkit-transform:scale(.25);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;right:var(--fa-right,0);top:0;top:var(--fa-top,0);-webkit-transform:scale(.25);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;left:var(--fa-left,0);right:auto;top:0;top:var(--fa-top,0);-webkit-transform:scale(.25);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top left;transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;left:calc(var(--fa-li-width, 2em)*-1);line-height:inherit;position:absolute;text-align:center;width:2em;width:var(--fa-li-width,2em)}.fa-border{border-color:#eee;border-color:var(--fa-border-color,#eee);border-radius:.1em;border-radius:var(--fa-border-radius,.1em);border-style:solid;border-style:var(--fa-border-style,solid);border-width:.08em;border-width:var(--fa-border-width,.08em);padding:.2em .25em .15em;padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:.3em;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:.3em;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-delay:0s;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:normal;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:1s;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-timing-function:ease-in-out;-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-delay:0s;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:normal;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:1s;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-timing-function:cubic-bezier(.28,.84,.42,1);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-timing-function:cubic-bezier(.4,0,.6,1);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:0s;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:normal;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:1s;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-timing-function:cubic-bezier(.4,0,.6,1);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-delay:0s;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:normal;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:1s;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-timing-function:ease-in-out;-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-duration:1s;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-timing-function:linear;-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:0s;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:normal;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-duration:2s;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:2s;animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-timing-function:linear;-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-direction:normal;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:1s;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-timing-function:steps(8);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:steps(8);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(1.25);-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(1.25);transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(1.25);-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(1.25);transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(1.1,.9) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-.5em);-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(.9,1.1) translateY(-.5em);transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(1.05,.95) translateY(0);-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(1.05,.95) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(-.125em);-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(-.125em);transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(1.1,.9) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-.5em);-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(.9,1.1) translateY(-.5em);transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(1.05,.95) translateY(0);-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(1.05,.95) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(-.125em);-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(-.125em);transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:.4;opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:.4;opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:.4;opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.125);-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(1.125);transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:.4;opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.125);-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(1.125);transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotateY(-180deg);-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotateY(-180deg);transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotateY(-180deg);-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotateY(-180deg);transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(none);-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(none);transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:auto;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff;color:var(--fa-inverse,#fff)}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.svg-inline--fa .fa-primary{fill:currentColor;fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:currentColor;fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:#fff;color:var(--fa-inverse,#fff)}.sidebar-nav{background-color:var(--color-1);border-right:2px solid var(--color-4);gap:1rem;height:92vh;justify-content:space-between;margin-right:3rem;padding-bottom:20px;padding-left:20px;padding-right:20px;width:-webkit-max-content;width:max-content}.sidebar-nav,.sidebar-nav-top{align-items:flex-start;display:flex;flex-direction:column}.sidebar-nav-top{margin-top:2rem}.sidebar-container{align-items:flex-start;background-color:#f7fafc;display:flex;flex-direction:column;height:100%;padding:12px}.sidebar-icon{margin-right:20px}.sidebar-link{color:var(--color-4);font-family:var(--font-3);font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-decoration:none}.sidebar-user-profile{align-items:center;display:flex;margin-left:auto;margin-right:auto;margin-top:auto}.sidebar-user-icon{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.dp{margin-bottom:22px}.sidebar-user-name{margin-left:8px;width:-webkit-max-content;width:max-content}@media screen and (max-width:700px){.sidebar{align-items:flex-start;bottom:0;display:flex;flex-direction:column;height:auto;left:0;padding:12px;position:fixed;width:100%}.sidebar,.sidebar-container{justify-content:space-between}.sidebar-container{align-items:center;flex-direction:row;padding:0}.sidebar-user-profile{margin-left:0;margin-top:0}}.home{background-color:var(--color-0);display:flex;justify-content:center}.home-content{flex:1 1;margin:3rem auto 0 20%;overflow-y:auto;padding:20px;width:60%}.text-area{background-color:var(--color-1);border:none;border-radius:8px;color:#000;font-family:var(--font-3);font-size:16px;height:-webkit-max-content;height:max-content;margin-top:auto;outline:none;padding:10px;width:-webkit-fill-available}.button,input{color:var(--color-4)}input{font-weight:700;margin-left:1rem}.create-post{background-color:#fff;border:2px solid #000;border-radius:10px;color:var(--color-4);font-family:var(--font-3);margin-top:2rem}.create-post,lable{font-size:1rem;font-weight:700;margin-right:1rem}.sidebar{left:0;position:fixed;top:4rem}.create-post{margin-bottom:1rem}.button-trending-sorting{display:flex;font-family:var(--font-3);justify-content:center}.button-trending-sorting button{border:2px solid var(--color-1);border-radius:2rem;cursor:pointer;font-size:medium;font-weight:700;margin-bottom:5px;padding:10px;width:50%}.button-trending-sorting button,.posts{background-color:var(--color-4);color:var(--color-1);font-family:var(--font-3)}.posts{border:2px solid var(--color-1);font-size:1.5rem;list-style-type:none;padding:0}.posts li{margin-bottom:1rem}.posts-list .post-content{padding-left:2rem;text-align:left}.user-info h3{margin-top:4rem;padding-left:5px;padding-top:5px}.user-info{align-items:center;display:flex;height:100px;justify-content:space-around}.user-info-hide-icon{align-items:center;display:flex;flex-direction:row}.user-info p{font-size:smaller;font-weight:lighter;margin-top:0}.user-info .date{font-size:small;padding-bottom:1rem}.posts .avatar{border:2px solid var(--color-1);border-radius:50%;height:50px;margin-left:5px;margin-right:5px;object-fit:cover;object-position:center;width:50px}.post,.posts .avatar{font-family:var(--font-3)}.post{font-size:large;font-weight:bolder;margin:0}.posts .posted-img{width:-webkit-fill-available}.edit-post{border:2px solid var(--color-1);margin:10px 2rem}.edit-post h3{margin-bottom:10px;margin-top:10px}.edit-post p{text-align:end}.input{padding:5px}.edit-btn{background-color:var(--color-4);border:2px solid var(--color-1);border-radius:4rem;color:var(--color-1);display:inline-block;font:var(--font-3);font-size:20px;font-weight:300;margin-bottom:10px;margin-left:.5rem;margin-top:.5rem;padding:8px 12px}.edit-lable p{margin:0}@media (max-width:768px){.home{flex-direction:column}.home-content{width:100%}.sidebar,.suggestions{margin-top:1rem;width:100%}}.suggestions-container{width:50%}.suggestions-block{background-color:var(--color-1);border:2px solid var(--color-4);border-radius:3rem;margin-left:3rem;margin-right:1rem;margin-top:1rem;padding:1rem;position:fixed;top:4rem;width:300px}.suggestions-block h2,.suggestions-box{color:var(--color-4);font-family:var(--font-3)}.suggestions-box{align-items:center;border-width:1px;border:2px solid var(--color-4);border-radius:4rem;display:flex;height:70px;justify-content:space-evenly;margin:2px}.suggestions-box img{border:2px solid var(--color-4);border-radius:50%;font-family:var(--font-3);height:50px;margin-right:5px;object-fit:cover;object-position:center;width:50px}.suggestions-name{font-family:var(--font-3);font-size:1.3rem;font-weight:700;height:auto}.suggestions-name p{font-size:1rem;font-weight:lighter;margin-top:auto}.suggestions-button{background-color:var(--color-4);border:5px solid var(--color-1);border-radius:4rem;color:var(--color-1);display:inline-block;font:var(--font-3);font-size:15px;font-weight:300;margin-bottom:10px;margin-top:.5rem;padding:8px 12px}@media (min-width:768px){.suggestions-container{margin:0 auto;max-width:400px}}.navbar{align-items:center;background-color:var(--color-4);box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-family:var(--font);height:3rem;justify-content:space-around;left:0;padding:.5rem 1rem;position:fixed;right:0;top:0}.logo{color:var(--color-1);font-family:var(--font-2);font-size:2rem;margin-right:1rem}.search-bar{flex-grow:1;margin:0 1rem;padding:8px}.logout-button{background-color:var(--color-4);border:5px solid var(--color-1);border-radius:4rem;color:var(--color-1);display:inline-block;font:var(--font);font-weight:300;margin-left:1rem;margin-top:2px;padding:5px 8px}@media screen and (max-width:40em){.search-bar{max-width:150px}}.bookmark{background-color:var(--color-0);display:flex;font-family:var(--font-3);height:100vh}.bookmark-content{flex:1 1;margin-left:20%;margin-top:5rem;overflow-y:auto;padding:20px;width:60%}.no-bookmarks{background-color:var(--color-1);border-radius:5rem;color:var(--color-4);font-size:2rem;margin:2rem;padding:3px}.bookmark-posts-list{background-color:var(--color-4);border:2px solid;border:2px solid var(--color-1);border-radius:20px;color:var(--color-4);color:var(--color-1);font-family:var(--font-3)}li{text-align:-webkit-match-parent}.bookmark-user-info{align-items:center;display:flex;justify-content:flex-start;margin-left:3rem;margin-top:2rem}.bookmark-user-info p{font-size:smaller;font-weight:lighter;margin-top:0}h3{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.17em;font-weight:700;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;margin-bottom:0}button{background-color:initial;border:none}.bookmark-post-content{padding-left:2rem;text-align:left}.like-count{display:flex;gap:15px}.like-count p{color:var(--color-1);font-size:20px;margin-bottom:0;margin-top:5px}.explore{background-color:var(--color-0);display:flex}.explore-post{background-color:var(--color-4);border:2px solid var(--color-1);border-radius:20px;color:var(--color-4);color:var(--color-1);flex:1 1;font-family:var(--font-3);margin-left:20%;margin-top:5rem;overflow-y:auto;padding:20px}.avatar{margin-left:5px}li{list-style-type:none}.explore-user-info{display:flex;justify-content:flex-start;margin-left:3rem}.explore-user-info-box{align-items:center;display:flex;flex-direction:row}.explore-user-info-box p{font-size:smaller;font-weight:lighter;margin-top:0}.explore-post-content{padding-left:2rem;text-align:left}.login-main-page{background-image:url(https://images.assetsdelivery.com/compings_v2/leoedition/leoedition1904/leoedition190400354.jpg);height:100vh}.container{align-items:center;border-radius:10px;flex-direction:column;justify-content:center;padding:1rem}.container,.form-lable-login{display:flex;font-family:var(--font)}.form-lable-login{font-size:1.3rem;font-weight:700;justify-content:space-around;text-align:center}.login-heading{background-color:var(--color-4);border:5px solid var(--color-1);border-radius:4rem;color:var(--color-1);font-family:var(--font);margin-left:auto;margin-right:auto;width:25%}.form-box{background-color:var(--color-1);border-radius:.375rem;border-width:1px;border:5px solid var(--color-4);border-radius:10px;height:auto;padding:1.5rem 2rem;width:500px}@media screen and (max-width:480px){.form-box{width:50%}}.profile{display:flex;font-family:var(--font-3);height:100%}.profile-data{background-color:var(--color-1);border:1rem solid var(--color-3);border-radius:3rem;color:var(--color-3);flex:1 1;height:80vh;margin:5rem 2rem 2rem 20%;overflow-y:auto;padding:20px;width:75%}.avatar-profile{border:2px solid var(--color-3);border-radius:25%;font-family:var(--font);height:100px;margin-left:5px;margin-right:5px;margin-top:3rem;object-fit:cover;object-position:center;width:100px}.profile-data h3,h1{margin:0}.profile-details{background-color:var(--color-0);display:flex}.profile-post{background-color:var(--color-4);border:2px solid var(--color-1);border-radius:20px;color:var(--color-4);color:var(--color-1);flex:1 1;font-family:var(--font-3-3);margin-left:20%;margin-top:5rem;overflow-y:auto;padding:20px}.profile-avatar{border:2px solid var(--color-1);border-radius:25%;font-family:var(--font-3-3);height:100px;margin-left:5px;width:100px}.avatar,.profile-avatar{background-color:var(--color-1);margin-right:5px;object-fit:cover;object-position:center}.avatar{border:2px solid var(--color-1);border-radius:50%;font-family:var(--font-3);height:50px;margin-left:2rem;width:50px}.profile-user{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-left:3rem;padding-left:6rem}.profile-user p{font-size:smaller;font-weight:lighter;margin-top:0}.bio{margin-bottom:0;margin-top:0}.portfolio{margin-top:0;text-decoration:underline}.content{padding-left:5rem;text-align:left}.for-edit{gap:8rem;justify-content:center}.follow,.for-edit{align-items:center;display:flex}.follow{font-size:medium;font-weight:700;justify-content:space-evenly}.follow-btn{background-color:var(--color-1);border:5px solid var(--color-4);border-radius:4rem;color:var(--color-4);display:inline-block;font:var(--font-3);font-size:13px;font-weight:600;margin-bottom:20px;margin-top:.5rem;padding:8px 15px}.button{color:var(--color-1);display:flex;justify-content:space-evenly;margin-top:10px}.edit-profile-post{border:2px solid var(--color-1);font-family:var(--font-3);margin:10px 2rem;padding-right:10px;text-align:center}.edit-profile-post input{font-family:var(--font-3);padding:5px}.edit-post-btn{background-color:var(--color-1);border:2px solid var(--color-1);border-radius:20px;color:var(--color-4);font-weight:700;margin:10px;padding:10px}
/*# sourceMappingURL=main.14487e84.css.map*/