.msg {
	margin: 1rem;
	padding: .5rem;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1rem;
	background-color: #7F007F;
	text-shadow: 0 0 .25rem #000000;
}

form {
    display: grid;
    width: min(100%, 30rem);
    margin: 10rem auto;
    padding: 2rem;
    border-radius: 2rem;
    background: #FFFFFF;
    box-shadow: 0 0 3rem #0000003F;
    direction: rtl;
    gap: 1rem;
}

form input,
form textarea {
    font-family: Vazirmatn;
    font-size: 1rem;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
    transition: .25s;
    border: 2px solid #dddddd;
    border-radius: 1rem;
    outline: none;
    background: #fafafa;
}

form input:focus,
form textarea:focus {
    border-color: #007FFF;
    background: #FFFFFF;
}

.file {
    display: grid;
    padding: 1rem;
    color: #3F3F3F;
    border: 2px dashed #BFBFBF;
    gap: .5rem;
}

.file input {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

form button {
    font-family: Vazirmatn;
    font-size: 1rem;
    padding: 1rem;
    cursor: pointer;
    transition: .25s;
    color: #FFFFFF;
    border: 0;
    border-radius: .75rem;
    background: #007F00;
}

form button:hover {
    background: #3FBF3F;
}