*{margin:0;padding:0;box-sizing:border-box;font-family:DynaPuff,cursive;font-family:Josefin Sans,sans-serif;font-size:10px}body{width:100%;height:100vh;background-image:url(/assets/bg.64a97033.jpg);background-size:cover;background-position:center}.App{display:flex;flex-direction:row-reverse;justify-content:space-around}h1,h2,h3{text-align:center;margin-top:0;margin-bottom:0}ul{padding-left:0;list-style:none;margin-top:0;margin-bottom:0}h1{text-align:center;margin-top:10px;margin-bottom:10px;color:#f0f8ff}.card-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;width:60%;margin-top:3rem;margin-left:0}.card{color:#f0f8ff;width:50%;height:15rem;padding:15px;transition:transform .2s ease;display:flex;justify-content:space-between;backdrop-filter:blur(0px) saturate(123%);-webkit-backdrop-filter:blur(0px) saturate(123%);background-color:#e8f4ff2b;border-radius:12px;overflow-x:auto}.card:hover{transform:scale(1.05);transition:transform .2s ease}.card__title{display:flex;font-size:2rem;margin-bottom:1rem;text-align:center;justify-content:center;align-items:center}.card__list{display:flex;flex-direction:column;align-items:center;justify-content:start}.card__item{gap:2px;margin-bottom:7px;padding-left:10px;justify-content:center;align-items:center}.card__span{color:#f0f8ff;transform:translate(-10px);font-size:2rem;text-align:start}.card__footer{display:flex;gap:30px;margin-right:30px;justify-content:center;align-items:center;flex-direction:row}.card__btn{align-items:center;border:none;border-radius:5px;cursor:pointer;justify-content:center}.card__btn:nth-child(1){color:#fff;cursor:pointer}.card__btn:nth-child(2){color:#fff;cursor:pointer}.names{display:flex;flex-direction:row}@media screen and (max-width: 700px){.App{display:flex;flex-direction:column;justify-content:center;align-items:center}.card-container{width:max-content}.card{width:100%;height:20rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.card__footer{margin-right:0;margin-top:1rem}.card__span{font-size:1.5rem;overflow:hidden}}input{outline:none}.abside{width:40%;aspect-ratio:1;margin-right:2rem;padding-top:50px;position:fixed;right:55%;z-index:1001}#sign-up{height:100vh;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center}.container{position:relative;width:100%;max-width:40rem;background:#fff;padding:10rem 0;box-shadow:0 0 20px #21212166;border-radius:1rem;z-index:1;margin-bottom:9rem;left:70%}.container:before{position:absolute;content:"";left:0;top:0;height:27rem;width:100%;background:linear-gradient(to right,#59515e,#6d616f);border-bottom-left-radius:100%;border-bottom-right-radius:100%;z-index:-1}.heading{position:absolute;color:#fff;font-size:3rem;top:3.5rem;left:7.5rem}.form-none{display:none}form{background:#fff;transform:translate(5rem);padding:2rem 0;border-radius:1rem;box-shadow:0 0 20px #21212199}.group{position:relative;width:90%;margin:0 auto;display:flex;align-items:baseline}.group input{position:relative;width:100%;border:none;outline:none;padding:1rem 0;margin-top:.6rem;color:#59515e;font-size:1.7rem}.i{color:#59515e;font-size:2rem;margin-right:1rem;margin-bottom:0;padding-bottom:0}.group .col{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.1);width:100%;height:1px}.group button{background:linear-gradient(to right,#59515e,#6d616f);padding:1.2rem 2.5rem;margin:3rem auto;outline:none;border:none;font-size:1.5rem;color:#fff;border-radius:5rem}.group button:focus,.group button:hover{background:linear-gradient(to left,#59515e,#6d616f);cursor:pointer}.member{text-align:center}.member a{text-decoration:none;color:#59515e;font-size:1.5rem}.member a span{color:#59515e;font-size:1.5rem;padding-bottom:2px;border-bottom:2px solid #59515e}.group1 button{background:linear-gradient(to right,#59515e,#6d616f);padding:1.2rem 2.5rem;margin:3rem auto;outline:none;border:none;font-size:1.5rem;color:#fff;border-radius:5rem;top:50%;position:relative;font-size:3rem}.group1 button:focus,.group1 button:hover{background:linear-gradient(to left,#59515e,#6d616f);cursor:pointer}@media screen and (max-width: 700px){.abside{width:75%;margin-left:0;margin-right:3.5rem}#sign-up{margin:0;padding:0;width:100%;margin-top:10rem}.container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:0;padding-bottom:0}.container:before{height:10rem}.heading{left:55%;top:1rem;transform:translate(-50%);font-size:2.5rem}form{transform:initial;border-radius:initial;box-shadow:none;width:max-content;margin:0;padding:0;margin-top:3rem}}