52 lines
1.2 KiB
HTML
52 lines
1.2 KiB
HTML
<style>
|
|
:root {
|
|
--bright-edge: #ffc182aa;
|
|
--middle-edge: #7a3923;
|
|
--dark-edge: #00000066;
|
|
}
|
|
|
|
body {
|
|
background-color: #9b583e;
|
|
color: rgb(236, 199, 184);
|
|
text-shadow: -1px -1px 0 var(--middle-edge), 1px 1px 0 var(--dark-edge);
|
|
}
|
|
|
|
section {
|
|
padding: 1em;
|
|
border: 1px solid var(--dark-edge);
|
|
border-right-color: var(--middle-edge);
|
|
border-bottom-color: var(--middle-edge);
|
|
box-shadow: inset 1px 1px 0 var(--bright-edge), 1px 1px 0 0 var(--dark-edge);
|
|
margin: 1em;
|
|
width: fit-content;
|
|
border-radius: 1.5px;
|
|
}
|
|
|
|
input,
|
|
select {
|
|
background-color: transparent;
|
|
border: 1px solid var(--dark-edge);
|
|
border-bottom-color: var(--bright-edge);
|
|
border-right-color: var(--bright-edge);
|
|
color: rgb(236, 199, 184);
|
|
text-shadow: -1px -1px 0 var(--middle-edge), 1px 1px 0 var(--dark-edge);
|
|
}
|
|
</style>
|
|
|
|
<main>
|
|
<section>
|
|
<h1>awawa</h1>
|
|
|
|
<p>wawa</p>
|
|
</section>
|
|
|
|
<section>
|
|
<input type="text" />
|
|
<select name="" id="">
|
|
<option value="">123</option>
|
|
<option value="">show it a doll</option>
|
|
<option value="">be still</option>
|
|
<option value="">become a weapon</option>
|
|
</select>
|
|
</section>
|
|
</main>
|