body {
    font-family: 'Lato', sans-serif;
    background-image: radial-gradient(circle at 44% 9%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 74%,transparent 74%, transparent 83%,transparent 83%, transparent 100%),radial-gradient(circle at 0% 23%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 8%,transparent 8%, transparent 69%,transparent 69%, transparent 100%),radial-gradient(circle at 87% 35%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 10%,transparent 10%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 22% 7%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 16%,transparent 16%, transparent 88%,transparent 88%, transparent 100%),radial-gradient(circle at 37% 26%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 7%,transparent 7%, transparent 9%,transparent 9%, transparent 100%),radial-gradient(circle at 86% 59%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 77%,transparent 77%, transparent 95%,transparent 95%, transparent 100%),radial-gradient(circle at 75% 83%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 35%,transparent 35%, transparent 86%,transparent 86%, transparent 100%),linear-gradient(0deg, hsl(279,0%,100%),hsl(279,0%,100%));
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/* Font family Lato */
h1, h2, h3, h4, h5, h6, p, a, ul, li {
    font-family: 'Lato', sans-serif;
}

/* Adjusting form layout */
.form-container {
    max-width: 500px;
    margin: 0 auto;
    border-radius: 40px;
    box-shadow: none;
}


/* Increasing input field height and border radius */
input[type="text"],
input[type="email"],
input[type="password"] {
    height: 48px; /* Change this value as desired */
    border-radius: 5px; /* Change this value as desired */
    border: 2px solid #ccc; /* Change default border color */
    transition: border-color 0.3s; /* Add transition for smooth effect */
}

/* Change border color when input fields are focused */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    border-color: #4942e4; /* Change border color when focused */
    outline: none; /* Remove default focus outline */
    
}

button{
    margin-top: 10px;
    width: 100%;
    height: 50px;
    color: #fff;
    background-color: #4942e4;
    transition: 0.3s;
}
button:hover{
    color: #000;
    background-color: #f3f3f3;
}

span {
    margin-top: 10px;
}

hr{
    border-color: #ccc;
    border-radius: 10px;
}