@font-face{font-family:NorseBold;src:url(./Sign-Up-Form/public/Norse-Bold.otf)}*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.container{height:100svh;display:flex}.container .image{width:40%;overflow:hidden;position:relative}.container .image img{object-fit:cover;object-position:center;width:100%;height:100%}.container .image .name{position:absolute;padding:10px;top:20%;width:100%;height:110px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);color:#fff;font-family:NorseBold;font-size:5rem}.container .image .name .logo{height:100%}.container .content{width:60%;height:100svh;display:flex;align-items:center;background-color:#d4e3ff}.container .content form{background-color:#fff;padding:20px;padding-left:50px;padding-right:10%;border:1px solid rgba(0,0,0,.3)}.container .content legend{font-size:2rem;margin-bottom:20px}.container .content .text{margin-top:10%;font-size:2rem;padding-left:50px;padding-right:10%}.container .content .motivation{margin-top:3%}.container .content .spacer{height:50px}.container .content .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.container .content .grid .item{display:flex;flex-direction:column;gap:10px}.container .content .grid .item input{font-size:18px;padding:5px 10px;width:100%;outline:none;background:#fff;color:#000;border:1px solid #c4d1eb;border-radius:5px;box-shadow:3px 3px 2px 0px #e2e2e2;transition:.3s ease}.container .content .grid .item input:focus{background:#f2f2f2;border:1px solid #5a7ec7;border-radius:10px}.container .content .grid .item input::placeholder{color:#ddd}.container .content .grid .item input:invalid{border:1px solid #c75a90}.container .content button{max-width:300px;min-width:fit-content;font-size:1.5rem;padding:10px 20px;background-color:#6b8e23;border:0px;border-radius:15px;color:#fff;transition:box-shadow .3s ease,transform .3s ease,background-color .3s ease;cursor:pointer}.container .content button:hover{transform:translateY(-4px);transform:scale(1.03);box-shadow:0 10px 20px rgba(0,0,0,.3);background-color:#a6dd38}.container .content .subtext{display:flex;gap:5px}.container .content .subtext .link{color:green;cursor:pointer;text-decoration-line:underline}@media screen and (max-width: 900px){.container{flex-direction:column}.container .image{width:100%;overflow:visible;height:400px}.container .content{width:100%;height:auto}.container .content .text{padding:20px}.container .content form{padding:20px}.container .content .item:last-child{grid-column:1/3;justify-content:center;align-items:center}.container .content button{width:60%;max-width:unset}}