content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
body {
margin: 0em;
}
header {
display: flex;
width: 100%;
height: 15% ;
min-width: 15em;
}
nav {
background-color: rgb(197, 218, 240);
min-width: 15em;
height: 10%;
}
header div {
width: 50%;
}
h1 {
font-size: 0.68em;
margin: auto;
color: rgb(142, 236, 142);
padding: 2%;
padding-left: 40%;
min-width: 8em;
}
header ul {
display: inline-flex;
margin-top: 0;
list-style-type: none;
width: 100%;
height: 100%;
margin-bottom: 0em;
margin: 0em;
}
header div ul {
margin: auto;
}
ul:first-of-type {
padding: 0em;
height: 100%;
width: 100%;
}
ul:first-of-type p a {
font-size: 3.25em;
margin-top: 0em;
margin-left: 3em;
color: black;
min-width: 4em;
}
ul:first-of-type p input {
width: 60%;
height: 6%;
font-size: 2.5em;
margin: 0em;
min-width: 4em;
}
p#2,
p#3 {
padding-left: 2em;
}
header ul li {
width: 33.333%;
padding: 0em;
font-size: 0.5em;
margin: 0em;
margin-top: 1em;
min-width: 4em;
}
ul:first-of-type p {
padding: 0em;
margin: 0em;
font-size: 0.25em;
width: 100%;
display: flex;
}
span {
font-size: 3.25em;
padding: 0em;
margin-top: 0em;
color: black;
min-width: 2em;
}
ul li a {
font-size: 0.4em;
color: black;
}
nav ul li {
line-height: 0.5em;
text-align: center;
}
nav ul {
padding-bottom: 1em;
justify-content: center;
display: flex;
list-style-type: none;
margin: auto;
}
.small {
width: 6%;
min-width: 1em;
}
.lang {
width: 9%;
min-width: 2em;
}
.mid {
width: 8%;
min-width: 1.5em;
}
main {
width: 60%;
height: 20em;
background-color: tomato;
margin: auto;
}
main img {
width: 100%;
height: 25%;
}