body {
width: fit-content;
background-color: #d3d3d3;
margin: auto;
}
img {
border-radius: 0.7em;
}
#logo {
width: fit-content;
margin: 0 21em;
}
#logo img {
border-radius: 0;
width: fit-content;
}
#menu {
width: fit-content;
cursor: progress;
z-index: 9;
margin-left: 1em;
}
#menu li{
box-shadow: 0.2em 0.2em 0.2em #00cc02;
border-color: green;
border-radius: 0.7em;
border-style: groove;
}
#mainmenu, #mainmenu ul {
list-style: none;
}
#mainmenu ul {
width: 160px;
}
#mainmenu ul li {
clear: both;
}
#mainmenu > li {
float: left;
margin-right: 0.7em;
position: relative;
}
#mainmenu > li li {
position: relative;
}
#mainmenu > li ul {
position: absolute;
left: 0;
}
#mainmenu > li ul li ul {
position: absolute;
left: 100%;
top: 0;
}
ul ul {
display: none;
}
ul li:hover > ul {
display: block;
}
#mainmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainmenu > li > a {
display: table;
background: #53c09d;
color: #3c1e5c;
width: 10em;
text-align: center;
text-decoration: none;
font-size: 1em;
padding: 0.35em;
border-radius: 0.7em;
}
#mainmenu > li:hover > a {
background: #265c2a;
color: #34a734;
font-weight: bold;
border-radius: 0.7em;
}
#mainmenu ul {
width: 10.5em;
font-size: 1em;
margin:0 -2em;
border-radius: 0.7em;
}
#mainmenu ul li > a {
display: block;
background: #72fbcf;
color: #3c1e5c;
font-size: 0.9em;
text-align: center;
text-decoration: none;
padding: 0.35em;
border-radius: 0.7em;
}
#mainmenu ul li:hover > a {
font-weight: bold;
background: #20b2aa;
color: lime;
}
#flagi {
width: min-content;
position: fixed;
margin: 0 75em;
z-index: 9;
}
#flagi a {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align: center;
text-decoration: none;
color: black;
}
#flagi img {
width: fit-content;
border-style: groove;
box-shadow: 0.2em 0.2em 0.6em black;
}
span.heart {
color: red;
}
#pole {
width: 81em;
margin: 3em 1em;
}
table {
empty-cells: hide;
table-layout: auto;
border: red ridge medium;
border-radius: 0.7em;
}
table td {
font-size: 1.2em;
font-weight: bold;
text-align: center;
height: inherit;
color: black;
border: white ridge medium;
border-radius: 0.7em;
}
table td p {
font-size: 1.2em;
font-weight: bold;
color: #b115c8;
}
table td a {
font-family: Arial;
text-decoration: none;
}
table td b {
font-size: 2.5em;
color: #b115c8;
}
#stopka {
clear: both;
background: #006600;
color: white;
width: 30em;
font-size: 0.8em;
text-align: center;
margin-left: 5em;
border-radius: 0.7em;
}
#CSS {
width: fit-content;
margin: 0.5em 5em 0;
}
#CSS img {
border-radius: 0;
}