@charset "utf-8";

.red{
    color:red;
}
.blue{
    color:blue;
}
input[name="nickname"]{
    width: 100px;
}
input[name="email"]{
    width: 200px;
}
input[name="goiken"]{
    width: 300px;
}

/* 罫線を引く */
table,th,td{
    border:1px solid black;   
}
/* テーブル全体を中央に配置 */
table{
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
}

form{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

/* セルの中央ぞろえ */
th,td{
    text-align: center;
    padding: 8px;
}

thead{
    background-color: rgb(200,200,255);
}

/* 偶数行に柔らかい背景色 */
tbody tr:nth-child(even){
    background-color: #f7f7ff;
}

caption{
    font-size: 1.5rem;
}