.formcontainer{display:flex;justify-content:center;align-items:center;padding:10% 0}.form{background-color:#000;border-radius:20px;box-sizing:border-box;height:500px;padding:20px;width:50%}.title{font-size:36px;margin-top:30px}.subtitle,.title{color:#eee;font-family:sans-serif;font-weight:600}.subtitle{font-size:16px;margin-top:10px}.input-container{height:50px;position:relative;width:100%}.ic1{margin-top:40px}.ic2{margin-top:30px}.input{background-color:#303245;border-radius:12px;border:0;box-sizing:border-box;color:#eee;font-size:18px;height:100%;outline:0;padding:4px 20px 0;width:100%}.cut{background-color:#000;border-radius:10px;height:20px;left:20px;position:absolute;top:-20px;transform:translateY(0);transition:transform .2s;width:76px}.cut-short{width:50px}.input:focus~.cut,.input:not(:placeholder-shown)~.cut{transform:translateY(8px)}.placeholder{color:#65657b;font-family:sans-serif;left:20px;line-height:14px;pointer-events:none;position:absolute;transform-origin:0 50%;transition:transform .2s,color .2s;top:20px}.input:focus~.placeholder,.input:not(:placeholder-shown)~.placeholder{transform:translateY(-30px) translateX(10px) scale(.75)}.input:not(:placeholder-shown)~.placeholder{color:#808097}.input:focus~.placeholder{color:#dc2f55}.submit{background-color:#08d;border-radius:12px;border:0;box-sizing:border-box;color:#eee;cursor:pointer;font-size:18px;height:50px;margin-top:20px;text-align:center;width:100%}.submit:hover{background-color:#fff;color:#000}.submit:active{background-color:#06b}input[type=file]{position:relative;margin-top:2%}input[type=file]::file-selector-button{width:136px;color:transparent}input[type=file]:before{position:absolute;pointer-events:none;top:10px;left:16px;height:20px;width:20px;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E")}input[type=file]:after{position:absolute;pointer-events:none;top:20%;left:40px;color:#0964b0;font-size:15px;content:"Upload Image"}input[type=file]::file-selector-button{border-radius:4px;padding:0 16px;height:40px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px 0 rgba(0,0,0,.05);margin-right:16px;transition:background-color .2s}input[type=file]::file-selector-button:hover{background-color:#f3f4f6}input[type=file]::file-selector-button:active{background-color:#e5e7eb}@media only screen and (max-width:768px){.formcontainer{display:flex;justify-content:center;align-items:center}.form{background-color:#15172b;border-radius:20px;box-sizing:border-box;height:500px;padding:20px;width:90%}}.file-input__input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input__label{cursor:pointer;display:inline-flex;align-items:center;border-radius:4px;font-weight:600;color:#fff;margin-top:25px;font-size:14px;padding:10px 12px;background-color:#06b;box-shadow:0 0 2px rgba(0,0,0,.25)}.file-input__label svg{height:16px;margin-right:4px}