.vh-80{background-color:#f0f0f0;min-height:90vh}.edit-container2{perspective:2700px;background:#fff;width:100%;max-width:850px;padding:40px 30px;position:relative;box-shadow:.5px 10px #0003,11px .5px #0003}.edit-container2 .cover{z-index:98;transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;border:.5px #0003;transition:all 1s;position:absolute;top:0;left:50%}.edit-container2 .cover:before,.edit-container2 .cover:after{content:"";opacity:.5;z-index:100;backface-visibility:hidden;width:100%;height:100%;position:absolute}.edit-container2 .cover:before{background:#fff}.edit-container2 .cover:after{color:#f74706;background:#fff;transform:rotateY(180deg)}.edit-container2 #flip:checked~.cover{transform:rotateY(-180deg)}.edit-container2 .cover img{object-fit:cover;z-index:12;backface-visibility:hidden;width:100%;height:100%;position:absolute;transform:rotateY(0)}.edit-container2 .cover .front,.edit-container2 .cover .back{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.edit-container2 .cover .back{color:navy;transform:rotateY(180deg)}.edit-container2 .cover .text{z-index:111;color:navy;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.cover .text .text-1,.cover .text .text-2{text-align:center;backface-visibility:hidden;font-size:26px;font-weight:600}.cover .text .text-2{color:#fd0606;font-size:15px;font-weight:500}.edit-container2 .form{background:#fdf3b1;width:100%;height:100%}.edit-container2 .form-content{justify-content:space-between;align-items:center;display:flex}.form-content .login-form,.form-content .signup-form{width:calc(50% - 25px)}form .form-content .title{color:#333;font-size:24px;font-weight:500;position:relative}form .form-content .title:before{content:"";background:#7d2ae8;width:20px;height:3px;position:absolute;bottom:0;left:0}form .signup-form .title:before{width:20px}.form .form-content .input-boxes{margin-top:30px}form .form-content .input-box{align-items:center;width:100%;height:50px;margin:10px 0;display:flex;position:relative}.form-content .input-box input{border:none;border-bottom:2px solid #0003;outline:none;width:100%;height:100%;padding:0 30px;font-size:16px;font-weight:500;transition:all .3s}.form-content .input-box input:focus{border-color:#402dd4}.form-content .input-box i{color:#402dd4;font-size:17px;position:absolute}form .form-content .text{color:#333;font-size:14px;font-weight:500}form .form-content .text a{text-decoration:none}form .form-content .text a:hover{color:red;text-decoration:underline}form .form-content .button2{color:#fff;margin-top:40px}form .form-content .button2 input{color:#fff;cursor:pointer;background:#2a80e8;border-radius:6px;padding:0;transition:all .3s}form .form-content .button2 input:hover{background:#6703e8}form .form-content label{color:#6404e2;cursor:pointer}form .form-content label:hover{color:#f74706;text-decoration:underline}form .form-content .login-text,form .form-content .sign-up-text{text-align:center;margin-top:25px}.edit-container2 #flip{display:none}@media (max-width:730px){.edit-container2 .cover{display:none}.form-content .login-form,.form-content .signup-form{width:100%}.form-content .signup-form{display:none}.edit-container2 #flip:checked~form .signup-form{display:block}.edit-container2 #flip:checked~form .login-form{display:none}}