@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Outfit:wght@300&display=swap);body{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.header{width:100%;max-width:400px;height:auto}.header .logo img{width:200px}.header .title{width:100%}.header .title span{font-family:Montserrat;font-size:24px;color:#383285}.container-form{width:100%;max-width:420px;height:200px;background-color:#fff}.container-form header{height:auto;background-color:#383285}.container-form header span{font-family:Montserrat;font-size:23px;color:#fff}.container-form main{height:180px;padding-left:10px;padding-right:10px;border-left:2px solid #383285;border-right:2px solid #383285;border-bottom:2px solid #383285;position:relative}.container-form main form,input{width:100%}input{outline:none;border-top:none;border-right:none;background:transparent}.password-icon{position:absolute;right:20px;top:53%;transform:translateY(-50%);cursor:pointer}.btn-open{background-color:#383285;color:#fff}.btn-open:hover{background-color:#1f1a67;color:#fff}