* {
           margin: 0;
           padding: 0;
       }

       html {
           height: 100%;
       }

       body {
           height: 100%;
       }

       .container_f {
           height: 90%;
           background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
           border-radius: 20px;
       }

       .login-wrapper {
           background-color: #fff;
           width: 358px;
           height: 588px;
           border-radius: 15px;
           padding: 0 50px;
           position: relative;
           left: 50%;
           top: 50%;
           transform: translate(-50%, -50%);
       }

       .header {
           font-size: 38px;
           font-weight: bold;
           text-align: center;
           line-height: 200px;
       }

       .input-item {
           display: block;
           width: 100%;
           margin-bottom: 20px;
           border: 0;
           padding: 10px;
           border-bottom: 1px solid rgb(128, 125, 125);
           font-size: 15px;
           outline: none;
       }

       .input-item:placeholder {
           text-transform: uppercase;
       }

       .btn {
           text-align: center;
           padding: 10px;
           width: 100%;
           margin-top: 40px;
           background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);
           color: #fff;
       }

       .msg {
           text-align: center;
           line-height: 88px;
       }

       a {
           text-decoration-line: none;
           color: #abc1ee;
       }

       .you {
           margin-left: 10px;
       }

       .main {
           display: flex;
       }