:root {
    --background:rgb(246, 246, 246) ;
    --primary:rgb(165, 224, 190);
    --secondary:rgb(0, 128, 83);
    --text:black;
    --text-secondary:white;
}

body {
    background:var(--background);
    font-family:'Inter Tight', sans-serif;
    color:var(--text);
    font-size:15px;
}

h1 {
    font-size:1.3rem;
    font-weight:500;
}

button {
color:var(--text-secondary);
background-color: var(--secondary);
border:none;
padding:10px;
border-radius:5px;
margin-top:10px;
width:fit-content;
}

body {
    display:flex;
    flex-flow:column wrap;
    justify-content: center;
    align-items: center;
    padding:20px;
}

.form {
    background-color:var(--primary);
    display:flex;
    flex-flow:column wrap;
    align-items: center;
    justify-content: center;
    padding:20px;
width:auto;
    border-radius:10px;
    width:500px;
}

input {
    border:none;
    padding:10px;
    display:block;
}
textarea {
    border:none;
    padding:10px;
    display:block;
}