body {
    background-color: rgb(253, 255, 255);
    font-family: "Kanit";
    font-size: 1em;
}

.head {
    padding: 0px;
    width: 100%;
    margin: 0px;
}

.head img {
    width: 100%;
}

.nav {
    background-color: #8c0db2;
    color: aliceblue;
    padding: 10px;
}

.nav a:link {
    color: white;
}

.nav a:visited {
    color: white;
}

a {
    color: #fdfcfe !important;
}

a:hover {
    color: #fdfcfe !important;
}

a:visited {
    color: #fdfcfe !important;
}

.login {
    margin: auto;
    margin-top: 20px;
    padding: 10px;
    width: 30%;
}
.registry{
margin: auto;
    margin-top: 20px;
    padding: 10px;
    width: 100%;
    font-family: Sarabun;
}
.head-form{
font-family: Sarabun;
font-size: 1.2em;
padding: 5px;
background-color: cadetblue;
}
.footer {
    margin: auto;
    background-color: #8c0db2;
    color: aliceblue;
    padding: 10px;
    margin-bottom: 10px;
}