@import url(https://fonts.googleapis.com/css2?family=Asap&family=VT323&display=swap);
$background: #282c34;
$blue: #226fff;
$red: #7e0000;
$orange: #61330b;
$green: #015201;
$selected: #131413;
$hovered: #1f2125;
html {
margin: 0;
padding: 0;
overflow-x: hidden;
height: 100vh;
width: 100vw;
}
body {
background-color: $background;
color: white;
font-family: 'Asap', sans-serif;
overflow-x: hidden;
margin: 0;
padding: 0;
height: 100vh;
width: 100vw;
position: relative;
}
a {
text-decoration: none;
}
a:link {
color: white;
}
a:visited {
color: white;
}
a:hover {
text-decoration: underline;
}
label {
display: block;
}
input {
padding: 10px;
font-size: 16px;
width: 200px;
}
input[type="file"] {
display: none;
}
progress {
border: 2px solid white;
margin: 2px;
background-color: $selected;
}
progress[value] {
border-radius: 2px;
}
button {
padding: 15px;
color: white;
border: 2px solid white;
background: $background;
cursor: pointer;
font-family: 'Asap', sans-serif;
font-size: 15px;
margin: 20px;
}
button.scary {
border-color: red;
}
button:hover {
background: $hovered
}
.disabled-button {
cursor: not-allowed;
color: grey;
border-color: gray;
}
.disabled-button:hover {
background: $background;
}
.centered-form {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 3px solid white;
color: white;
padding: 20px;
}