body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=number], textarea {
    border:1px solid gray;
    border-radius:5px;
    padding:4px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input[type=button], input[type=submit], input[type=file] {
    border: 1px solid gray;
    padding: 5px;
    border-radius: 5px;
    background-color: white;
    cursor:pointer;
}

input[type=submit]:hover{
    background-color:grey;
}

select {
    border:1px solid gray;
    padding:3px;
    border-radius:5px;
}

.Modal {
    border-radius: 5px;
    background-color:white;
    position:fixed;
    display:none;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
}

@media screen and (max-width: 1300px) {
    body {
        font-size: 15px;
    }

    input[type=button], input[type=submit] {
        width:100px;
        height:100px;
    }

    input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=number], textarea {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    select {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}