@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");*{margin: 0; padding: 0;}html,body{height: 100%;}body{background-color: rgb(200, 200, 200); display: flex; justify-content: center; align-items: center; font-family: "Poppins";}#form-container{width: 900px; height: 450px; background-color: white; display: flex; box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);}#div-bg{background: url('/img/london-night.jpg') no-repeat; background-size: cover; background-position-y: 80%; width: 100%; height: 100%;}#form-section{width: 100%; height: 100%; background-color: white; display: flex; justify-content: space-between; flex-direction: column; padding: 30px 0px; box-sizing: border-box;}#form-section form{box-sizing: border-box; width: 100%; padding: 25px}.form-group{display: flex; flex-direction: column;}input{outline: none; border: none; padding: 5px 20px; width: 100%;}.form-field{display: flex; align-items: center; padding: 10px 15px; border-radius: 5px; transition: 125ms box-shadow ease-in-out; border: 1px solid rgba(0,0,0,0.1); margin: 5px 0px;}.form-field i{color: purple}#forgot-password{text-align: right; font-size: 15px; color: purple}#forgot-password small{cursor: pointer;}#register-btn{font-size: 15px; text-align: center; padding: 10px 0px;}#register-btn span{color: purple; text-decoration: underline;}#register-btn span:hover{cursor: pointer; color: rgb(248, 0, 248);}#login-btn{width: 100%; padding: 10px; border: none; border-radius: 5px; outline: none; background-color: rgb(202, 127, 202); color: white; font-family: "Poppins"; margin: 5px 0px; transition: 200ms background-color ease-in-out;}#login-btn:hover{cursor: pointer; background-color: rgb(163, 95, 163);}#login-btn:active{background-color: rgb(100, 16, 100);}#icon-container{display: flex; justify-content: center; border-top: 1px solid rgb(0, 0, 0, 0.15); padding-top: 30px; text-align: center; font-size: 15px;}.icons{height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; font-size: 24px; border-radius: 50%; color: white; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 1.5); margin: 5.5px}.facebook{background-color: #4267b2;}.twitter{background-color: #1DA1F2;}.google{background-color: #db4437;}.instagram{background-color: #dd2a7b;}