/* main.css 1.0.0 24 Oct 21
Copyright 2021 Favebits */
:root {
--csite: #CADEBE;
--ctext: black;
}
:focus {
outline: none;
border: 1px solid var(--ctext);
}
body {
background-image: url('img/back.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.main {
text-align: center;
margin: 1em;
}
.intx {
background-color: var(--ctext);
border: 1px solid var(--csite);
border-radius: 15px;
caret-color: var(--csite);
color: var(--csite);
font-family: Inconsolata, monospace;
font-size: 1em;
margin: 0.2em 0 0;
padding: 0.3em 0.5em;
text-align: left;
width: auto;
word-break: break-word;
}
.citm {
border: 1px solid var(--ctext);
color: var(--ctext);
font-family: 'Klee One', cursive;
font-size: 0.9em;
padding: 0.5em;
margin: 0.4em 0 0;
text-align: left;
}
.ditm {
padding-right: 5px;
}
input {
background-color: var(--ctext);
border: 1px solid var(--csite);
border-radius: 15px;
caret-color: var(--csite);
color: var(--csite);
font-family: Inconsolata, monospace;
font-size: 1em;
margin: 0;
padding: 0.3em 0.5em;
width: calc(100% - 3em);
}
button {
border: none;
border-radius: 50%;
font-family: 'Architects Daughter', cursive;
font-size: 1em;
}
.nav {
background-color: var(--csite);
color: var(--ctext);
margin: 1em;
padding: 1.5em;
}
.pkup {
background-color: var(--ctext);
color: var(--csite);
margin: 0.7em 1em 0 0;
padding: 0.8em 2em;
}
.cart {
background-color: var(--ctext);
color: var(--csite);
margin: 0.5em 0 0.2em;
padding: 0.8em 2em;
}
.link {
background-color: var(--csite);
color: var(--ctext);
margin: 3em 1em;
padding: 0.5em 0.6em;
}
img {
vertical-align: middle;
}
.dlvy {
padding: 0.6em 0.3em 0;
}
sup {
vertical-align: text-top;
}
span {
display: inline-block;
}
.logo {
border: 2px solid var(--csite);
color: var(--csite);
font-family: 'Luckiest Guy', cursive;
font-size: 4em;
margin: 1em;
padding: 0.5em 0.4em 0.1em;
}
.banr {
background-color: var(--ctext);
border: 1px solid var(--csite);
color: var(--csite);
font-family: Inconsolata, monospace;
font-size: 0.8em;
padding: 0.3em 0.5em 0.4em;
}
.bout {
background-color: var(--csite);
border: 1px solid var(--ctext);
color: var(--ctext);
font-family: Inconsolata, monospace;
font-size: 0.9em;
padding: 0.6em;
text-align: left;
}
a {
color: var(--csite);
text-decoration: none;
}
.sect {
border: 2px solid var(--ctext);
}
.item {
border: 1px solid var(--ctext);
}
.menu {
background-color: var(--csite);
border: 1px solid var(--ctext);
color: var(--ctext);
font-family: Inconsolata, monospace;
font-size: 0.9em;
padding: 0.8em 1em 0.3em;
text-align: left;
word-break: break-word;
}
.mitm {
font-family: 'Klee One', cursive;
font-size: 1em;
}
.ordr {
background-color: var(--csite);
border: 1px solid var(--ctext);
color: var(--ctext);
font-family: 'Klee One', cursive;
font-size: 0.9em;
padding: 0.8em 1em;
}
.ohdr {
background-color: var(--ctext);
border: 1px solid var(--ctext);
color: var(--csite);
margin: 0;
padding: 0.2em 0.5em 0.4em;
}
.oitm {
background-color: var(--csite);
border: 1px solid var(--ctext);
border-radius: 10px;
color: var(--ctext);
margin: 0.6em 0 0;
padding: 0.2em 0.5em 0.4em;
}
.opik {
background-color: var(--ctext);
border: 1px solid var(--ctext);
border-radius: 10px;
color: var(--csite);
margin: 0.6em 0 0;
padding: 0.2em 0.5em 0.4em;
}
.text {
margin: 0.4em 0 0;
}