* {
    font-family: Arial, sans-serif;
}

body {
    margin: 40px;
}

input[type=text], select {
    width: 30%;
    font-size: 150%;
    font-weight: bold;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=button] select {
    width: 30%;
    font-size: 200%;
    font-weight: bold;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

label {
    width: 30%;
    font-size: 200%;
    font-weight: bold;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    }

.plyname {
    width: 70%;
    font-size: 200%;
    font-weight: bold;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.plycnt {
    width: 10%;
    font-size: 200%;
    font-weight: bold;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.plyscore {
    width: 15%;
    font-size: 200%;
    font-weight: bold;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.namewrapper {
    display: inline;
    grid-gap: 10px;
    grid-template-columns: 45% 45%;
    background-color: #fff;
    color: #444;
}

.scontainer > div {
    display: inline-block;
    text-align: center;
}

.s1 {
    text-align: center;
    width: 10%;
}

.s2 {
    width: 70%;
}

.s3 {
    width: 15%;
}