@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap";@import"https://fonts.googleapis.com/css2?family=Julee&display=swap";.logo__container{display:flex;position:absolute;top:30px;left:30px;height:100px;width:160px}.logo__container img{height:100%;width:100%;border-radius:50%}.display__flex{display:flex;justify-content:center;align-items:center}@media (max-width: 1025px){.logo__container{position:static;padding-bottom:50px;margin-right:40px}}@media (max-width: 450px){.logo__container{display:none}}.UserPage__container{height:100vh;width:100%;background-image:url(/assets/Frame1-ace2a1a1.webp);background-repeat:no-repeat;background-size:cover;background-position:center center}.UserPage__signin{background:rgba(245,245,245,.85);position:absolute;margin-top:40px;right:200px;width:350px;height:460px;border-radius:30px;display:flex;flex-direction:column;padding:60px 30px;font-family:sans-serif}.UserPage__signin .UserPage__signin-welcome span{color:orange;text-transform:uppercase}.UserPage__signin .UserPage__signin-signin{margin:12px 0}.UserPage__signin .UserPage__signin-logo{display:flex;justify-content:center;align-items:center;border-radius:10px;width:100%;background-color:#b1dff2;margin-top:10px}.UserPage__signin .UserPage__signin-up{margin-top:20px}.UserPage__signin .UserPage__signin-up input{width:86%;padding:10px 20px;background:white;border:none;border-radius:6px;font-size:14px;border:.5px solid gray}.UserPage__signin .UserPage__signin-up input:focus{outline:.5px solid blueviolet}.UserPage__signin .UserPage__signin-up p{font-size:12px;margin-bottom:10px;margin-top:20px}.UserPage__signin .UserPage__signup-up{margin-top:0}.UserPage__signin .UserPage__signup-up input{width:86%;padding:10px 20px;background:white;border:none;border-radius:6px;font-size:14px;border:.5px solid gray}.UserPage__signin .UserPage__signup-up input:focus{outline:.5px solid blueviolet}.UserPage__signin .UserPage__signup-up p{font-size:12px;margin-bottom:10px;margin-top:20px}.UserPage__signin .UserPage__signup-up .UserPage__signup_username_name{display:flex}.UserPage__signin .UserPage__signup-up .UserPage__signup_username_name input{width:72%!important}.UserPage__signin .UserPage__forgot-password .UserPage_wrong-userinfo{display:flex;justify-content:space-between;text-align:center;align-items:center}.UserPage__signin .UserPage__forgot-password .UserPage_wrong-userinfo span{color:red;font-size:13px;margin-top:17px}.UserPage__signin .UserPage__forgot-password .UserPage_wrong-userinfo p{font-size:11px;margin-top:20px;color:#00f}.UserPage__signin .UserPage__forgot-password .UserPage__forgot-password-p{display:flex;justify-content:flex-end}.UserPage__signin .UserPage__forgot-password .UserPage__forgot-password-p p{font-size:11px;margin-top:20px;color:#00f}.UserPage__signin .UserPage__login-button{display:flex;justify-content:flex-end;margin-top:40px}.UserPage__signin .UserPage__login-button button{padding:10px 60px;background:green;color:#fff;border:none;font-size:12px;border-radius:7px;cursor:pointer}.UserPage__signin .UserPage__link-signup{display:flex;flex-direction:column;align-items:center;margin-top:40px;color:gray}.UserPage__signin .UserPage__link-signup p{font-weight:700;font-size:12px}.UserPage__signin .UserPage__link-signup a{margin-top:5px;font-size:13px}.UserPage__signin .UserPage__link-signin{display:flex;flex-direction:column;align-items:center;margin-top:55px;color:gray}.UserPage__signin .UserPage__link-signin p{font-weight:700;font-size:12px}.UserPage__signin .UserPage__link-signin a{margin-top:5px;font-size:13px}@media (max-width: 1025px){.UserPage__container{display:flex;flex-direction:column}.UserPage__signin{position:static;margin-top:0;padding:40px 20px}}@media screen and (max-width: 768px){.UserPage__container{background-size:contain}}@media (max-width: 450px){.UserPage__container{align-items:center;justify-content:center}.UserPage__signin{width:300px;height:440px}.UserPage__signin .UserPage__login-button,.UserPage__signin .UserPage__link-signup{margin-top:30px}.UserPage__signin .UserPage__signup-up input{width:85%}.UserPage__signin .UserPage__signup-up .UserPage__signup_username_name{display:flex}.UserPage__signin .UserPage__signup-up .UserPage__signup_username_name input{width:68%!important}.UserPage__signin .UserPage__link-signin{margin-top:45px}}@media (max-width: 320px){.UserPage__signin{width:270px;height:440px}.UserPage__signin .UserPage__signup-up input{width:83%}.UserPage__signin .UserPage__signup-up .UserPage__signup_username_name{display:flex}.UserPage__signin .UserPage__signup-up .UserPage__signup_username_name input{width:65%!important}.UserPage__signin .UserPage__link-signin{margin-top:45px}}.Loading_screen-container{background-color:#0ff;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.Card__background{background:rgba(0,0,0,.514);height:100vh;width:100%;z-index:10;position:absolute}.Card__container{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:skyblue;border:1.5px solid rgb(0,47,255)}.Card__container .Card__container-cross{display:flex}.Card__container .Card__container-cross h2{font-size:40px;cursor:pointer;color:red;position:absolute;right:20px;top:10px}.Card__container .Card__container-created_img,.Card__container .Card__container-created_img img{height:100%}.Card__container .Card__container-created_text{display:flex;justify-content:center;align-items:center;padding:0 50px}.Card__container .Card__container-created_text .Card__container-message{display:flex;flex-direction:column;text-align:center}.Card__container .Card__container-created_text .Card__container-message h1{color:#fff;text-shadow:1px 1px 2px black;font-family:Pacifico,cursive;text-transform:capitalize;font-size:42px}.Card__container .Card__container-created_text .Card__container-message h2{font-size:50px;margin-top:15px}@media (max-width: 610px){.Card__container-created{display:none}.Card__container{padding:20px 30px}}confetti{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;overflow:hidden;z-index:1000}.confetti-piece{position:absolute;width:10px;height:30px;background:#ffd300;top:0;opacity:0}.confetti-piece:nth-child(1){left:7%;transform:rotate(-40deg);animation:makeItRain 1s infinite ease-out;animation-delay:182ms;animation-duration:1116ms}.confetti-piece:nth-child(2){left:14%;transform:rotate(4deg);animation:makeItRain 1s infinite ease-out;animation-delay:161ms;animation-duration:1076ms}.confetti-piece:nth-child(3){left:21%;transform:rotate(-51deg);animation:makeItRain 1s infinite ease-out;animation-delay:481ms;animation-duration:1103ms}.confetti-piece:nth-child(4){left:28%;transform:rotate(61deg);animation:makeItRain 1s infinite ease-out;animation-delay:334ms;animation-duration:708ms}.confetti-piece:nth-child(5){left:35%;transform:rotate(-52deg);animation:makeItRain 1s infinite ease-out;animation-delay:302ms;animation-duration:776ms}.confetti-piece:nth-child(6){left:42%;transform:rotate(38deg);animation:makeItRain 1s infinite ease-out;animation-delay:.18s;animation-duration:1168ms}.confetti-piece:nth-child(7){left:49%;transform:rotate(11deg);animation:makeItRain 1s infinite ease-out;animation-delay:395ms;animation-duration:1.2s}.confetti-piece:nth-child(8){left:56%;transform:rotate(49deg);animation:makeItRain 1s infinite ease-out;animation-delay:14ms;animation-duration:887ms}.confetti-piece:nth-child(9){left:63%;transform:rotate(-72deg);animation:makeItRain 1s infinite ease-out;animation-delay:149ms;animation-duration:805ms}.confetti-piece:nth-child(10){left:70%;transform:rotate(10deg);animation:makeItRain 1s infinite ease-out;animation-delay:351ms;animation-duration:1059ms}.confetti-piece:nth-child(11){left:77%;transform:rotate(4deg);animation:makeItRain 1s infinite ease-out;animation-delay:307ms;animation-duration:1132ms}.confetti-piece:nth-child(12){left:84%;transform:rotate(42deg);animation:makeItRain 1s infinite ease-out;animation-delay:464ms;animation-duration:776ms}.confetti-piece:nth-child(13){left:91%;transform:rotate(-72deg);animation:makeItRain 1s infinite ease-out;animation-delay:429ms;animation-duration:818ms}.confetti-piece:nth-child(odd){background:#7431e8}.confetti-piece:nth-child(even){z-index:1}.confetti-piece:nth-child(4n){width:5px;height:12px;animation-duration:2s}.confetti-piece:nth-child(3n){width:3px;height:10px;animation-duration:2.5s;animation-delay:1s}.confetti-piece:nth-child(4n-7){background:red}@keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{transform:translateY(350px)}}.SignupCard__container{background:rgba(0,0,0,.514);height:100vh;width:100%;z-index:10;position:absolute}.SignupCard__container .SignupCard__card-container{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:skyblue;border:1.5px solid rgb(0,47,255)}.SignupCard__container .SignupCard__card-container .SignupCard__container-cross{display:flex}.SignupCard__container .SignupCard__card-container .SignupCard__container-cross h2{font-size:40px;cursor:pointer;color:#fff;position:absolute;right:20px;top:10px}.SignupCard__container .SignupCard__card-container .SignupCard__container-content{display:flex}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-img{height:514px;width:342px}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-img img{height:100%;width:100%}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning{padding:0 30px;display:flex;justify-content:center;text-align:center;flex-direction:column}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning h1{color:#fff;text-shadow:1px 1px 2px black;font-size:30px;padding-top:15px}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning p{font-size:50px;padding-top:20px}@media (max-width: 610px){.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-img{display:none}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning{padding-top:50px;padding-bottom:30px}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning h1{font-size:20px}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning p{font-size:30px}}@media (max-width: 425px){.SignupCard__container .SignupCard__card-container{width:300px;padding-left:20px;padding-right:20px}.SignupCard__container .SignupCard__card-container .SignupCard__container-cross h2{font-size:30px}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-img{display:none}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning{padding:30px 0}.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning h1,.SignupCard__container .SignupCard__card-container .SignupCard__container-content .SignupCard__container-warning p{font-size:20px}}.HomePage__container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to right,#8e2de2,#e00000);background-size:400% 400%;animation:gradientAnimation 10s ease infinite}.HomePage__container .HomePage__logo-container img{background-color:#ffffffaf}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.HomePage__container h1{font-size:150px;text-transform:capitalize;color:#fff;font-family:Julee,cursive}.HomePage__container p{font-size:40px;color:#fff}.HomePage__container .HomePage__message-container{display:flex;align-items:center;margin-left:28px}.HomePage__container .HomePage__message-container img{height:45px;padding:0 10px}.HomePage__container .HomePage__userinfo-container_1{display:flex;flex-direction:row;padding-top:30px}.HomePage__container .HomePage__userinfo-container_1 p{color:#a18c8c;font-size:30px}.HomePage__container .HomePage__userinfo-container_1 span{color:#fff;font-size:30px}.HomePage__container .HomePage__userinfo-container_2{display:flex;flex-direction:row;padding-top:15px}.HomePage__container .HomePage__userinfo-container_2 p{color:#a18c8c;font-size:30px}.HomePage__container .HomePage__userinfo-container_2 span{color:#fff;font-size:30px}.HomePage__container .HomePage__logout{margin-top:20px}.HomePage__container .HomePage__logout button{padding:15px 40px;border-radius:10px;border:1px solid rgb(255,255,255);cursor:pointer;font-size:15px;font-weight:700;background-color:#e22d90;color:#f5f5f5}.HomePage__container .HomePage__logout button:hover{background-color:red}@media (max-width: 770px){.HomePage__container h1{font-size:100px}.HomePage__container p{font-size:30px}.HomePage__container .HomePage__userinfo-container_1{padding-top:30px}.HomePage__container .HomePage__userinfo-container_1 p,.HomePage__container .HomePage__userinfo-container_1 span{font-size:25px}.HomePage__container .HomePage__userinfo-container_2{padding-top:15px}.HomePage__container .HomePage__userinfo-container_2 p,.HomePage__container .HomePage__userinfo-container_2 span{font-size:25px}}@media (max-width: 500px){.HomePage__container h1{font-size:80px}.HomePage__container p{font-size:25px}.HomePage__container .HomePage__userinfo-container_1{padding-top:30px}.HomePage__container .HomePage__userinfo-container_1 p,.HomePage__container .HomePage__userinfo-container_1 span{font-size:20px}.HomePage__container .HomePage__userinfo-container_2{padding-top:15px}.HomePage__container .HomePage__userinfo-container_2 p,.HomePage__container .HomePage__userinfo-container_2 span{font-size:20px}.HomePage__container .HomePage__logout button{padding:10px 30px;font-size:13px}}@media (max-width: 380px){.HomePage__container h1{font-size:80px;text-align:center}.HomePage__container .HomePage__message-container{margin-top:10px}.HomePage__container .HomePage__message-container p{font-size:22px}.HomePage__container .HomePage__message-container img{height:30px}.HomePage__container .HomePage__userinfo-container_1,.HomePage__container .HomePage__userinfo-container_2{display:flex;flex-direction:column;text-align:center}}*{margin:0;padding:0}