@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);*,body,html{margin:0;padding:0}body{font-family:Poppins,sans-serif}.page-content,body{background:linear-gradient(to bottom right,#ffcd00,#ff9f00,#ff7d00)}.page-content{align-items:center;display:flex;height:100%;justify-content:center;left:0;margin:0;overflow:auto;padding:0;position:absolute;top:0;width:100%}.container{background:#fff;border-radius:20px;box-shadow:0 0 17px 10px rgba(0,0,0,.3);display:grid;grid-template-areas:"login";grid-template-columns:100%;height:68vh;margin-bottom:5rem;overflow:hidden;width:50vw}.design{display:none;grid-area:design;position:relative}.rotate-45{transform:rotate(-45deg)}.design .text-design{position:absolute;right:0;top:50%;transform:translateY(-50%);width:22rem}.text-design h2{font-size:2.5rem;font-weight:700;text-align:center}.design .pill-1{background:linear-gradient(to bottom right,#ffcd00,#ff9f00,#ff7d00);border-radius:40px;bottom:0;height:240px;left:-40px;position:absolute;width:100px}.design .pill-2{background:linear-gradient(to bottom right,#48bfe3,#64dfdf,#80ffdb);border:10px solid #fff;border-radius:200px;height:600px;left:-80px;position:absolute;top:-100px;width:300px}.design .pill-3{background:linear-gradient(to bottom right,#ffcd00,#ff9f00,#ff7d00);height:200px;left:340px;top:-100px;width:100px}.design .pill-3,.design .pill-4{border-radius:70px;position:absolute}.design .pill-4{background:linear-gradient(to bottom right,#48bfe3,#64dfdf,#80ffdb);bottom:-180px;height:380px;left:550px;width:160px}.login{align-items:center;background:#fff;display:flex;flex-direction:column;grid-area:login;justify-content:center;position:relative}.login h3.title{font-weight:700;margin:15px 0}.text-input{align-items:center;background:#e6e6e6;border-radius:10px;display:flex;height:40px;margin:5px 0;padding:0 15px;width:90%}.text-input input{background:none;border:none;height:100%;margin-left:10px;outline:none;width:100%}.text-input i{color:#686868}::placeholder{color:#9a9a9a}.login-btn{background:linear-gradient(to bottom right,#ffcd00,#ff9f00,#ff7d00);border:none;border-radius:20px;color:#fff;margin-top:10px;padding:10px;width:60%}.login-btn,a{cursor:pointer}a{color:#9a9a9a;font-size:12px;text-decoration:none;user-select:none}a.forgot{margin-top:15px}a.forgot:hover{color:#ffcd00}.create{align-items:center;bottom:30px;display:flex;position:absolute}.create i{color:#9a9a9a;margin-left:10px}.side-image{height:90%;width:90%}.form-image{height:60px;margin-bottom:.5rem;width:120px}.p-login{align-items:center;display:flex;font-size:medium;justify-content:center;margin-bottom:0;padding:5%}@media (min-width:250px) and (max-width:379px){.container{width:90%}.page-content{padding:15px}html{width:max-content}}@media (min-width:380px) and (max-width:429px){.container{width:80%}.page-content{padding:15px}}@media (min-width:430px) and (max-width:769px){.container{width:80%}.page-content{padding:15px}}@media (min-width:770px) and (max-width:999px){.container{grid-template-areas:"design login";grid-template-columns:50% 50%;width:80%}.design{display:block}}@media (min-width:1000px) and (max-width:1250px){.container{grid-template-areas:"design login";grid-template-columns:50% 50%;width:80%}.design{display:block}}@media (min-width:1251px){.container{grid-template-areas:"design login";grid-template-columns:50% 50%;width:80%}.design{display:block}}footer{bottom:0;position:fixed;width:100%}.footer-content{align-items:center;max-width:1200px}:root{--bg-secondary-color:#15222b;--bg-primary-color:#ffcd00;--primary-text-color:#000;--secondary-text-color:#545454;--white-text-color:#fff;--accent-color:#3ea175;--light-gray:#a5aaad;--blue-color:#0086db;--green-color:#2e4a66;--light-blue:#469cac;--red-color:#cc3d38;--yellow-color:#ffcd00;--dark-green:#3b9668;--background-color:#f3f4f6}footer{background-color:var(--bg-secondary-color);color:var(--white-text-color);padding:9px;text-align:center}.item{flex:1 1 22%}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:fit-content}.footer-left{flex:1}.footer-middle{flex:1;text-align:center}.footer-right{flex:1;text-align:right}.footer-content p{font-size:small;margin:10px 0}.footer-content a{color:var(--white-text-color)}.footer-links{display:inline-block;list-style:none;margin:0;padding:0;text-align:right}.footer-links li{display:inline-block;margin:0 10px}.footer-links li a{color:var(--white-text-color);text-decoration:none}.footer-left a:hover,.footer-links li a:hover{color:var(--yellow-color)}.footer-middle img{height:auto;width:120px}@media only screen and (max-width:978px){.footer-middle img{height:auto;width:90px}.footer-content p,.footer-links{font-size:12px}}@media only screen and (max-width:855px){.footer-middle img{height:auto;width:80px}.footer-content p,.footer-links{font-size:10px}}@media only screen and (max-width:530px){.footer-links{display:block;text-align:center}.footer-right{align-items:center}.item{display:block;flex:1 1 45%;text-align:center}}