/* 
Photo by <a href="https://unsplash.com/@andersjilden?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Anders Jildén</a> on <a href="https://unsplash.com/photos/gray-suspension-bridge-with-streaks-of-light-time-lapse-photography-SWGW-rW0zeE?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>

*/

body {
    background: center url("anders-jilden-unsplash.jpg");
}

h1 {
    font-family: "Monoton", sans-serif;
    font-size: 60px;
    text-align: center;
    color: red;
}

.httpstat {
    font-family: "Jersey 15", sans-serif;
    font-size: 20px;
    width: 200px;
    height: 35px;
    line-height: 35px;
    background: rgb(255 153 0 / 80%);
    border-radius: 8px;
    margin: auto;
    text-align: center;
}

.form {
    text-align: center;
}

ul {
    list-style: none;
}

textarea {
    font-family: monospace;
    background: rgb(255 255 255 / 96%);
}

.panel {
    margin: 15px;
}

button, select, input[type=file], input[type=file]::file-selector-button {
    background: linear-gradient(rgb(255 153 0), rgb(255 51 51));
    border-radius: 5px;
    font-size: 24px;
    font-family: "Jersey 15", sans-serif;
}

input[type=file] {
    width: 300px;
}

select, input[type=file], input[type=file]::file-selector-button {
    font-size: 20px;
}