body{background:linear-gradient(to left,#dcc6e0,#f7e7ce);font-family:Poppins,sans-serif}.title{text-align:center;color:#4a2e39;padding:30px}.one-liner{text-align:center;color:#4a2e39;font-size:20px}ul{list-style-type:none;margin:0;padding:10px;overflow:hidden;background:#e8dff5}li{float:left}li a{color:#4a2e39;text-align:center;padding:14px 16px;text-decoration:none}li a:hover:not(.active){background-color:#b76e79}.active{background-color:#e5bccc}.SignUpform,.loginform{width:500px;margin:30px auto;background-color:#d0b3b7;color:#4a2e39;box-shadow:0 4px 8px #413d3d;padding:30px;border-radius:3px}input[type=text],[type=email],[type=password]{width:90%;border:1px purple solid;border-radius:5px;padding:12px 20px;resize:vertical;cursor:pointer;background-color:#f0f0f5}.button-container{display:flex;text-align:center;margin-left:140px;padding:10px}button{padding:12px 20px;background-color:#cca3b3;position:relative;border-radius:10px;cursor:pointer}.Makeupphoto{width:100%;height:60vh;object-fit:cover}.features{padding:2%;text-align:center}.cards{display:flex;flex-direction:column;align-items:center;justify-content:center;height:30vh}#PlannerInput{margin-top:4%;padding:20px;height:20px;margin-left:20px}.button-container2{display:flex;justify-content:flex-end}#PlannerButton{margin-top:-50px;margin-right:20px}ul{display:flex}li:last-child{margin-left:auto}