@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Modak&family=DM+Sans:wght@300;400;500;700&display=swap');


input[type=text], select, textarea {
    width: 100%;
    display: flex;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    font-family: 'DM sans', sans-serif;
    justify-content: center;
    align-items: center;
}

input[type=submit] {
    background-color: #04AA6D;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'DM sans', sans-serif;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.container {
    border-radius: 5px;
    background-color: #F7F8ED;
    padding: 20px;
    font-family: 'Modak', sans-serif;
    align-items: center;
    max-width: 700px;
    margin: 60px auto;
}

html {
 background-color: #F7F8ED;
}

header {
	background-color: white;
}

html, body {
	margin: auto;
	width: 100%;
	background-color: F7F8ED;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

body {
	font-family: 'DM sans', sans-serif;
}

main {
	height: 100%;
}


.wrappernav {
	width: 100%;
	display: flex;
	align-items: center;
}