.svg-background{width:100%;height:100%;position:absolute;justify-content:center;background-color:#662483;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%2382366f' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%239f495a' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23bb5b46' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23d86e31' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23F4801D' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.login-container,.svg-background{display:flex;flex-direction:column;align-items:center}.login-container{width:30%;height:auto;padding:3rem;background-color:#fff;border-radius:10px;box-shadow:7px 7px 28px -22px rgba(0,0,0,.75)}.login-container hr{width:100%;border:1px solid #000}.login-container .login-form{display:flex;flex-direction:column;width:100%}.primary-btn{all:unset;margin:.5rem 0;border-radius:10px;padding:1rem;background-color:#662483;color:#fff;font-weight:700;text-align:center;cursor:pointer;font-size:1.3em;transition:.1s ease-in;border:1px solid transparent}.primary-btn:hover{background-color:#fff;color:#662483;transition:.1s ease-in;border:1px solid #662483}@media screen and (max-width:1100px){.login-container{width:90%;height:auto}}.text-field{width:auto;margin:.3rem 0;padding:1rem;font-size:1.3em;border-radius:10px;border:1px solid #d3d3d3;outline:none}.multiline{height:7em}.fullwidth{width:100%}.text-field:focus{border:1px solid #f4801d}