@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body{
    background-color: #f0f0f0;
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 350;
    margin: 5% 15%;
    padding: 0;
}
h1{
    font-weight: 300;
    text-align: center;
    margin: 5rem;
}
p, form{
    margin: 3rem;
}
input, button{
    padding: 0.4rem;
    margin: 1rem 0.5rem;
    border: 1px solid #333;
    border-radius: 0.7rem;
}
input[type="text"]:focus, input[type="password"]:focus{
    border: 1px solid #444;
}
button{
    background-color: #333;
    color: #fff;
    border: none;
}
button:hover{
    background-color: #555;
}