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}html{font-size:62.5%}.App{text-align:center;font-family:Quicksand,sans-serif;background:#354356}.App-header{background-color:#354356;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.banner nav{display:flex;justify-content:space-between;align-items:center;background-color:#ecebe7;padding:3% 2%}.active{font-weight:700;font-size:2.5rem}.banner nav div{font-size:1.8rem}nav a{color:#354356;font-family:Quicksand,sans-serif}nav a,nav a:hover{text-decoration:none}.links a{margin:0 20px}.banner .register .logout{color:#ff0606;font-family:Quicksand,sans-serif;text-decoration:none;border:none;font-size:1.8rem;background:none}.nav-bar a:hover{background:rgba(144,148,156,.4);text-decoration:none;font-weight:700}.btn-outline{border:1px solid #354356;margin-left:5px;border-radius:5px;padding:5px 10px;background-color:#90949c;color:#ecebe7}@-webkit-keyframes mymove{0%{margin-left:-200px}to{margin-left:80px}}@keyframes mymove{0%{margin-left:-200px}to{margin-left:80px}}@-webkit-keyframes opac{0%{opacity:0}to{opacity:1}}@keyframes opac{0%{opacity:0}to{opacity:1}}.welcome{padding:180px 180px 180px 20px;display:flex;flex-direction:column;align-items:flex-start;background:url(/static/media/party.0773d162.png) no-repeat;background-size:cover}.welcome .welh1{margin:50px 10px 50px 80px;color:#ecebe7;font-size:4.5rem;-webkit-animation:mymove 2.2s;animation:mymove 2.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-family:Handlee,cursive}.welcome .welcom-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:100px;font-family:Handlee,cursive}.welcome .welcom-links a:first-child{opacity:0;-webkit-animation:opac 2s 1.4s;animation:opac 2s 1.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.welcome .welcom-links a:last-child{opacity:0;-webkit-animation:opac 2s 2s;animation:opac 2s 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.welcome .welcom-links a{text-decoration:none;font-size:3rem;color:#90949c;margin-bottom:40px}.welcome .welcom-links a:hover{text-decoration:none}.FormWrap h1{font-size:3.5rem;line-height:2;color:#90949c;font-family:Handlee,cursive}form input{width:40%;font-size:20px;height:40px;border:none;padding-left:10px;margin-bottom:40px;background:#ecebe7}form label{color:#ecebe7;width:40%;font-size:25px;margin-bottom:10px;justify-content:flex-start;text-align:start}.submitbtn,form .submitbtn{font-size:18px;width:200px;height:40px;color:#354356;background:#90949c;justify-self:flex-end;text-align:center;border:1px solid #000;border-radius:5px;margin-top:30px}form .submitbtn:hover{color:#ecebe7}.backbtn{align-self:center;height:40px;outline:none;text-align:start}.backbtn button{font-size:18px;width:150px;height:40px;color:#354356;background:#90949c;text-align:center;border:1px solid #000;border-radius:5px;margin-top:30px}.backbtn button:hover{color:#ecebe7}footer{padding:4%;background-color:#ecebe7}footer p{text-align:center;font-size:1.2rem}.userWeb{background:#6d7d8a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;min-height:20vh}.userWeb img{border-radius:10px}.userPage{min-height:40vh;display:flex;flex-direction:column}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.editeForm{background:rgba(34,45,61,.9);position:fixed;top:25px;z-index:1;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;width:40%;border-radius:10px;padding:30px 0;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid #000}#editeForm label,.editeForm input{font-size:1.9rem}.editeForm label{width:25%}.editeForm input{font-size:1.5rem;width:60%;margin-bottom:20px}.createlink{padding-top:50px;font-size:3rem;height:30px;color:#222d3d;text-decoration:none;padding-bottom:50px;margin:50px auto;text-shadow:#fff 1px 3px 10px}.createlink:hover{-webkit-animation:coloring 2s;animation:coloring 2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes coloring{0%{color:#222d3d;font-size:3rem}50%{color:#ecebe7;font-size:4rem}to{color:#222d3d;font-size:3rem}}@keyframes coloring{0%{color:#222d3d;font-size:3rem}50%{color:#ecebe7;font-size:4rem}to{color:#222d3d;font-size:3rem}}.userevent{padding-top:25px;min-height:20vh;display:flex;flex-wrap:wrap;justify-content:space-evenly;background:#6d7d8a}.userpage:hover{opacity:1}.userpage h1{width:100%;font-size:4rem;font-family:Handlee,cursive}.userpage p{width:55%;color:#080b0f}.userpage h3,.userpage p{font-size:2.2rem;text-align:start}.userpage h3{width:30%;line-height:.7}.btn{width:100px;border:none;outline:none;background:none;color:#90949c}.btn:hover{color:#ecebe7}.imagesDiv{display:flex;justify-content:space-evenly}.imagesDiv img{border-radius:150px}@media (max-width:500px){form input{width:60%;font-size:1.6rem}.FormWrap .create input,.FormWrap .resigform label{width:80%}.FormWrap .create label{font-size:2rem}}@media (max-width:1500px){.banner{font-size:1.5rem}.banner .links{width:30%}.userpage{width:40%}}@media (max-width:1024px){.banner .links{width:40%}.image-1{display:none}#editeFormid{width:80%}#editeFormid label{font-size:2rem}}@media (max-width:800px){.userpage{width:70%}.image-2{display:none}}@media (max-width:500px){.banner nav{flex-direction:column}.banner nav .links,.banner nav img{width:90%}.userWeb{padding:10px}.userpage{width:85%}.userWeb img{height:250px;width:100%}.userevent .userpage h1{font-size:2.8rem;width:90%;line-height:1;margin-bottom:0}.userevent .userpage p{font-size:2rem;width:90%;line-height:1;margin-bottom:0}.userevent .userpage h3{width:90%;line-height:1;padding-bottom:30px;border-bottom:1px solid #000;text-align:center}.image-3{display:none}.imagesDiv img{width:150px}.active{font-size:1.7rem}.createform label{width:70%;font-size:1.9rem}.createform input{width:70%}.createform button{margin-top:5px;margin-bottom:5px}#editeFormid{width:98%;position:static;margin:20px}#editeFormid label{font-size:1.6rem}#editeFormid input{width:60%}}
/*# sourceMappingURL=main.995b8274.chunk.css.map */