@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.app{text-align:center}.all-header{align-items:center;color:#000;font-size:2rem;margin-bottom:1rem}.NavbarItems{align-items:center;background-color:#fff;border-radius:13px;box-shadow:0 5px 15px 0 rgba(0,0,0,.25);display:flex;height:80px;justify-content:space-between;left:50%;padding:0 30px;position:fixed;top:20px;-webkit-transform:translate(-50%);transform:translate(-50%);width:95%;z-index:9999}.navbar-logo{cursor:pointer}.nav-menu{grid-gap:10px;align-items:center;display:grid;grid-template-columns:repeat(6,auto);list-style:none}.nav-links{color:#222;cursor:pointer;font-size:1.2rem;font-weight:600;padding:.7rem 1rem;text-decoration:none;white-space:nowrap}.nav-links i{padding-right:10px}.nav-links.active,.nav-links:hover{background-color:#00ba60;border-radius:4px;color:#fff;transition:all .2s ease-in-out}.nav-links-mobile{display:none}button{border:none;border-radius:.3rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1rem;transition:.2s ease-in-out;white-space:nowrap}button:hover{background-color:#00ba60;color:#fff}.menu-icons{display:none}@media screen and (max-width:850px){.NavbarItems{z-index:99}.nav-menu{align-items:stretch;background:#fff;border-radius:13px;display:flex;flex-direction:column;height:auto;justify-content:flex-start;left:-100%;margin:0;opacity:0;padding:80px 0 30px;position:absolute;top:0;transition:.3s ease-in-out;width:100%}.nav-menu.active{left:0;opacity:1;transition:.3s ease-in-out;z-index:-1}.nav-links{display:block;font-size:1.2rem;padding:2rem 0;width:100%}.nav-links:hover{background:#00ba60;color:#fff;transition:none}button{display:none}.nav-links-mobile{background:#00ba60;border-radius:4px;color:#fff;display:block;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin:auto;padding:1.5rem;text-align:center;text-decoration:none;width:80%}.menu-icons{cursor:pointer;display:block}.menu-icons i{color:#222;font-size:1.2rem}button{display:inline;font-size:1.2rem;padding:1.2rem}}.user{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:6rem}.user-name{flex:1 1 100%;margin-bottom:5rem}.user-name p{font-size:1.25rem;font-weight:700;margin:0}.user-dashboard{align-items:stretch;display:flex;flex:2 1 100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-left:8rem}.user-data{align-items:flex-start;display:flex;flex-basis:50%;flex-direction:column;justify-content:space-between;margin-bottom:1rem;text-align:start}.user-net-data,.user-tv-data{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);margin-bottom:1rem;padding:1rem}.user-net-data h2,.user-tv-data h2{font-size:1.25rem;font-weight:700;margin:0 0 1rem}.online-payment{align-items:stretch;display:flex;flex-basis:35%;flex-direction:column;justify-content:flex-start}.online-payment h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.online-payment label{font-size:1rem;font-weight:700;margin-bottom:.5rem}.online-payment select{margin-bottom:1rem;padding:.5rem}.online-payment input[type=text]{border:1px solid #ccc;border-radius:.5rem;margin-bottom:1rem;padding:.5rem}.back_button,.submit{background-color:#333;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem}.back_button{margin-top:1rem}@media screen and (min-width:769px) and (max-width:1024px){.user-dashboard{flex:1 1 100%;margin:0}.online-payment,.user-data{flex-basis:100%}}@media screen and (max-width:768px){.user{flex-direction:column;padding:2rem}.user-name{margin-bottom:3rem}.user-dashboard{margin:0}.online-payment,.user-data{flex-basis:100%}}.title{color:#000;margin-bottom:1rem}.subtitle,.title{text-align:center}.subtitle{margin-bottom:3rem}.inputs_container{display:flex;flex-direction:column}.inputs_container input{border:0;border-radius:25px;margin:1.5rem auto;padding:1rem;width:95%}.inputs_container input,.login_button{font-family:inherit;font-size:1rem;outline:0}.login_button{background-color:#00ba60;border:2px solid transparent;border-radius:25px;color:#fff;cursor:pointer;display:block;margin:3rem auto 1rem;padding:.75rem 1rem;transition:.2s ease-in-out;width:55%}.login_button:hover{background-color:#fff;border:2px solid #00ba60;color:#000}.link_container{display:flex;justify-content:center}.small{color:#dadada;cursor:pointer;font-size:.85rem;margin-bottom:5rem;text-align:center;text-decoration:underline}.icons{display:flex;gap:1.5rem;justify-content:center}.icon{color:#fff;cursor:pointer}.error_msg{color:red;font-size:.85rem;margin:0;padding-left:1rem}@media only screen and (max-width:620px){.inputs_container input,.login_button{width:100%}.error_msg{padding-left:.2rem}}@media only screen and (max-height:670px){.subtitle{margin-bottom:2rem}.small{margin-bottom:3rem}}.card{background-color:#f4f4f4;border-radius:1rem;height:500px;margin:3rem auto;padding:2rem;width:550px}@media only screen and (max-width:620px){.card{padding-left:1.5rem;padding-right:1.5rem;width:90vw}}@media only screen and (max-height:670px){.card{height:650px}}
/*# sourceMappingURL=main.276d9b1f.css.map*/