@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.register-container{display:flex;justify-content:center;align-items:center;min-height:80vh;flex-direction:column;gap:20px}.register-container form{height:300px;width:300px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#aaa;border-radius:12px;animation:form-animate linear 2s infinite alternate}.register-container form input{width:100%;border:1px solid #444;border-radius:7px;outline:none;padding:.5rem 1rem}@media screen and (max-width: 400px){.hyperlink{flex-direction:column;align-items:center;font-size:12px}.register-container form{height:auto;width:auto}.register-container form input{padding:.1rem .4rem;font-size:12px}}header{padding:1rem 0;display:flex;justify-content:space-between;align-items:center}header .logo{font-size:1.3rem;font-weight:bolder;background:linear-gradient(90deg,#bc3cd8,#c54b8c);-webkit-background-clip:text;background-clip:text;color:transparent}header nav{display:flex;align-items:center;gap:20px}header nav .nav-items{display:flex;align-items:center;gap:20px;margin-right:1rem}header nav .nav-sign{display:flex;align-items:center;gap:20px}header nav .nav-menu{cursor:pointer;position:relative;display:none;transition:.5s ease-in-out}@media screen and (max-width: 850px){header nav .nav-items,header nav .nav-sign{display:none}header nav .nav-menu{display:flex}header nav .nav-menu .nav-items,header nav .nav-menu .nav-sign{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}header nav .nav-menu .nav-menu-items{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;position:absolute;top:.3rem;right:2rem;background:#c76c9d;height:250px;width:200px;border-radius:7px}}@media screen and (max-width: 500px){header .logo{font-size:14px}header nav .nav-items a{font-size:10px}header nav .nav-menu .nav-menu-items{height:150px;width:100px}header nav .nav-sign button{font-size:10px;padding:.2rem .8rem}}.home{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;min-height:70vh}table,tr,th,td{border:1px solid #000;border-collapse:collapse;background:#aaa;color:#000}td,th{padding:1rem 4rem}.home h2{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#ff6b6b,#fddb3a,#1dd1a1);background-clip:text;-webkit-background-clip:text;color:transparent}@media screen and (max-width: 800px){.home h2{font-size:1.3rem}table{font-size:12px}td,th{padding:.5rem 2rem}}@media screen and (max-width: 500px){.home h2{font-size:1rem;text-align:center}table{overflow:scroll}td,th{padding:.4rem 1rem}}.about{margin:2rem 0}.about h2{text-align:center;margin:1rem}.about .about-container{display:grid;grid-template-columns:1fr 1fr;place-items:center;gap:1rem}.about .about-container .about-info{display:flex;flex-direction:column;gap:2rem;text-align:justify}.about .about-container .about-image{border-radius:10px}.about .about-container .about-image img{height:100%;width:100%;object-fit:cover;border-radius:10px}@media screen and (max-width: 1000px){.about .about-container{display:grid;grid-template-columns:1fr;place-items:center}.about-image{grid-area:1/1/3/2}}@media screen and (max-width: 600px){.about .about-container .about-info{font-size:12px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh;flex-direction:column;gap:20px}.login-container form{height:240px;width:300px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#aaa;border-radius:12px;animation:form-animate linear 2s infinite alternate}@keyframes form-animate{0%{box-shadow:none}to{box-shadow:0 0 10px #aaa}}.login-container form input{width:100%;border:1px solid #444;border-radius:7px;outline:none;padding:.5rem 1rem}.hyperlink{display:flex;justify-content:center;width:100%;gap:6px}.hyperlink a{background:linear-gradient(90deg,#bc3cd8,#c54b8c);-webkit-background-clip:text;background-clip:text;color:transparent}@media screen and (max-width: 400px){.hyperlink{flex-direction:column;align-items:center;font-size:12px}.login-container form{height:auto;width:auto}.login-container form input{padding:.1rem .4rem;font-size:12px}}.footer{border-top:1px solid #fff}.footer-top{display:flex;padding:1rem 0;justify-content:space-between;align-items:center}.footer-social{font-size:20px;display:flex;gap:20px}.footer-bottom{border-top:1px solid #fff;padding:1rem 0;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 400px){.footer-top{flex-direction:column;gap:20px}}#root{max-width:1100px;margin:0 auto;color:#e3e4e6}@media screen and (max-width: 1100px){#root{margin:0 4rem}}@media screen and (max-width: 850px){#root{margin:0 2rem}}@media screen and (max-width: 550px){#root{margin:0 1rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif;scroll-behavior:smooth}body{background:linear-gradient(90deg,#010208 16%,#010206 21%,#040008 25%,#010101 30%,#010101 34%,#010101 36%,#010101)}a{text-decoration:none;color:inherit}button{border:none;outline:none;background:linear-gradient(90deg,#bc3cd8,#c54b8c);padding:.5rem 2rem;border-radius:5px;color:inherit;transition:all .3s ease-in-out}button:hover{opacity:.7;cursor:pointer}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}