89 lines
1.4 KiB
CSS
89 lines
1.4 KiB
CSS
html, body {
|
|
position: relative;
|
|
/* width: 100%; */
|
|
height: 100%;
|
|
|
|
max-width: 100%;
|
|
}
|
|
|
|
body {
|
|
/* color: #333;
|
|
margin: 0;
|
|
padding: 8px;
|
|
box-sizing: border-box;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
|
|
}
|
|
|
|
h1 {
|
|
color: hsla(0, 0%, 5%, 1);
|
|
/*text-transform: uppercase;*/
|
|
/* font-size: 4rem; */
|
|
/* font-weight: 100; */
|
|
}
|
|
|
|
h2 {
|
|
color: hsla(0, 0%, 10%, 1);
|
|
/*text-transform: uppercase;*/
|
|
/* font-size: 4rem; */
|
|
/* font-weight: 100; */
|
|
}
|
|
|
|
|
|
a {
|
|
/* color: rgb(0,100,200);
|
|
text-decoration: none; */
|
|
}
|
|
|
|
a:hover {
|
|
/* text-decoration: underline; */
|
|
}
|
|
|
|
a:visited {
|
|
/* color: rgb(0,80,160); */
|
|
}
|
|
|
|
label {
|
|
/* display: block; */
|
|
}
|
|
|
|
input, button, select, textarea {
|
|
/* font-family: inherit;
|
|
font-size: inherit;
|
|
-webkit-padding: 0.4rem 0;
|
|
padding: 0.4rem;
|
|
margin: 0 0 0.5rem 0;
|
|
box-sizing: border-box;
|
|
border: 1px solid #ccc;
|
|
border-radius: 2px; */
|
|
}
|
|
|
|
input:disabled {
|
|
color: hsla(0, 0%, 50%, 1);
|
|
}
|
|
|
|
button {
|
|
/* color: #333;
|
|
background-color: #f4f4f4;
|
|
outline: none; */
|
|
}
|
|
|
|
button:disabled {
|
|
color: hsla(0, 0%, 50%, 1);
|
|
}
|
|
|
|
button:not(:disabled):active {
|
|
background-color: hsla(0, 0%, 50%, 1);
|
|
}
|
|
|
|
button:focus {
|
|
/* border-color: #666; */
|
|
}
|
|
|
|
button:hover {
|
|
/* background-color: green; */
|
|
}
|
|
|
|
#my_body {
|
|
/* outline: solid thin red; */
|
|
}
|