@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&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&family=Roboto:ital,wght@0,100..900;1,100..900&family=Truculenta:opsz,wght@12..72,100..900&display=swap";*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}:root{--primaryFont: "Roboto", sans-serif;--secondaryFont: "Open Sans", sans-serif;--tertiaryFont: "Oswald", sans-serif;--quaternaryFont: "Truculenta", sans-serif;--poppinsFont: "Poppins", sans-serif;--primaryColor: #10212B;--secondaryColor: #8FA464;--tertiaryColor: #EFFBDB;--defaultColor: #F5F5F5;--blackColor: #333333;--darkGreenColor: #0C2A28;--defaultwhite: #ffffff}body{font-family:var(--poppinsFont)}main{width:100%;height:100vh;padding:2rem;display:flex;align-items:center;overflow:hidden;justify-content:center;background-color:var(--primaryColor)}.box{position:relative;max-width:1020px;height:550px;width:100%;background-color:var(--defaultColor);border-radius:25px;box-shadow:0 60px 40px -30px #0000004d}.innerBox{position:absolute;top:50%;left:50%;width:calc(100% - 4rem);height:calc(100% - 4rem);transform:translate(-50%,-50%)}.formWrap{position:absolute;height:100%;width:45%;top:0;left:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;transition:.8s ease-in-out}form{max-width:260px;width:100%;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;grid-column:1 / 2;grid-row:1 / 2;transition:opacity .02s .4s}form.signup{opacity:0;pointer-events:none}.logo{display:flex;align-items:center}.logo img{width:50px;margin:.3rem}.logo h4{font-size:1.1rem;margin-top:-9px;letter-spacing:-.5px;margin-left:10px;color:var(--primaryColor)}.heading h2{font-size:2rem;font-weight:700;color:var(--primaryColor)}.heading h6{color:#666;font-weight:400;font-size:.75rem;display:inline}.heading h5{color:#666;font-weight:400;font-size:.75rem}.heading .toggle{color:var(--primaryColor);text-decoration:none;font-size:.75rem;transition:.3s ease}.heading .toggle:hover{color:red}.inputWrap{position:relative;height:37px;margin-bottom:1.2rem}.inputField{position:absolute;width:100%;height:100%;background:none;border:none;outline:none;border-bottom:2px solid #666666;padding:0;font-size:.95rem;color:var(--primaryColor);transition:.3s ease-out}label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.95rem;color:#666;pointer-events:none;transition:.3s ease-out;border-radius:15px}.inputField.active{border-bottom-color:var(--primaryColor)}.inputField.active+label{font-size:.75rem;top:-2px}.signBtn{display:inline-block;width:100%;height:43px;background-color:var(--primaryColor);color:var(--defaultwhite);border:none;cursor:pointer;border-radius:15px;font-size:.8rem;margin-bottom:1rem;transition:.3s ease-in-out}.signBtn:hover{background-color:var(--darkGreenColor)}.text{color:#666;font-size:.7rem}.text a{color:#666;transition:.3s ease-in-out}.text a:hover{color:var(--primaryColor)}.carousel{transition:.8s ease-in-out}main.signupMode form.signin{opacity:0;pointer-events:none}main.signupMode form.signup{opacity:1;pointer-events:all}main.signupMode .formWrap{left:55%}main.signupMode .carousel{left:0}.input{margin-bottom:.3rem;height:30px;width:100%;overflow:hidden;display:flex;flex-direction:row;align-items:center}.input input{margin-right:10px;margin-left:2px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primaryColor);cursor:pointer;padding:5px;transition:.3s ease}.input span{font-size:.75rem;color:#666}.alert ul{list-style:none}.alert{color:red;font-size:.72rem}.carousel{position:absolute;height:100%;width:55%;top:0;left:45%;background-color:var(--primaryColor);border-radius:15px;display:grid;grid-template-rows:auto 1fr;padding-bottom:2rem;overflow:hidden}.imageWrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.image{width:100%;grid-column:1 / 2;grid-row:1 / 2;opacity:0;transition:opacity .3s,transform .5s}.img-1{transform:translateY(-50px)}.img-2{transform:scale(.4,.5)}.img-3{transform:scale(.3) rotate(-20deg)}.img-4{transform:scale(.4) rotate(-20deg)}.image.show{opacity:1;transform:none}.textSlider{display:flex;align-items:center;justify-content:center;flex-direction:column}.textWrapper{max-height:2.2rem;overflow:hidden;margin-bottom:2.5rem}.textGroup{display:flex;flex-direction:column;text-align:center;transform:translateY(0)}.textGroup h2{line-height:2.2rem;font-size:1.3rem;color:var(--defaultColor);font-weight:600}.bullets{display:flex;align-items:center;justify-content:center}.bullets span{display:block;width:.5rem;height:.5rem;background-color:#aaa;margin:0 .25rem;border-radius:50%;cursor:pointer;transition:.3s ease-in-out}.bullets span.active{width:1.1rem;background-color:red;border-radius:1rem}@media (max-width: 850px){.box{height:auto;max-width:550px;overflow:hidden}.innerBox{position:static;transform:none;width:revert;height:revert;padding:2rem}.formWrap{position:revert;width:100%;height:auto}form{max-width:revert;padding:1.5rem 2.5rem 2rem;transition:transform .8s ease-in-out,opacity .45s linear}.heading{margin:2rem 0}form.signup{transform:translate(-100%)}main.signupMode form.signin{transform:translate(-100%)}main.signupMode form.signup{transform:translate(0)}.carousel{position:revert;height:auto;width:100%;padding:3rem 2rem;display:flex}.imageWrapper{display:none}.textSlider{width:100%}}@media (max-width: 530px){main{padding:1rem}.box{border-radius:2rem}.innerBox{padding:1rem}.carousel{padding:1.5rem 1rem;border-radius:1.6rem}.textWrapper{margin-bottom:1rem}.textWrapper h2{font-size:1rem}form{padding:1rem 2rem 1.5rem}}