Spaces:
Runtime error
Runtime error
File size: 2,053 Bytes
5b70e08 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
/* background image for the body */
body {
background-image: url('./image/imgage.jpg'); /* URL of the background image */
background-size: cover; /* Cover the entire background */
background-repeat: no-repeat; /* Do not repeat the background image */
background-position: right; /* Align the background image to the right */
background-attachment: fixed;
}
/* Styling the container */
.container {
width: 50%; /* Set container width to 50% of the viewport */
margin: 200px auto; /* Center the container horizontally */
padding: 5px; /* Add padding inside the container */
text-align: center; /* Center-align text inside the container */
float: left; /* Float the container to the left */
}
/* Styling the heading */
h1 {
font-family: Arial, sans-serif; /* Set font family for the heading */
color: #fff; /* Set text color */
}
/* Styling the file label */
.file-label {
background-color: #007bff; /* Set background color */
color: #fff; /* Set text color */
padding: 10px 20px; /* Add padding */
border-radius: 5px; /* Add border radius */
cursor: pointer; /* Change cursor to pointer on hover */
font-weight: bold; /* Set font weight */
}
/* Styling the detect button */
.detect-button {
margin-top: 20px; /* Add margin on top */
background-color: #28a745; /* Set background color */
color: #fff; /* Set text color */
padding: 10px 20px; /* Add padding */
border-radius: 5px; /* Add border radius */
border: none; /* Remove border */
cursor: pointer; /* Change cursor to pointer on hover */
font-weight: bold; /* Set font weight */
}
/* Styling the detect button on hover */
.detect-button:hover {
background-color: #218838; /* Change background color on hover */
}
/* Clear float to prevent layout issues */
.clearfix::after {
content: "";
display: table;
clear: both;
}
h2 {
color: #fff; /* Set text color */
font-weight: bold; /* Set font weight */
}
|