|
|
|
|
@ -6,6 +6,11 @@
|
|
|
|
|
<title>Jak jsme na tom, PedF</title>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
:root {
|
|
|
|
|
--wrap: 60rem;
|
|
|
|
|
--red: #b52637;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: moderat;
|
|
|
|
|
src: url(moderat.otf);
|
|
|
|
|
@ -19,7 +24,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: #b52637;
|
|
|
|
|
color: var(--red);
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
a:hover { text-decoration: underline }
|
|
|
|
|
@ -42,7 +47,7 @@
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
margin-bottom: 5rem;
|
|
|
|
|
border-bottom: 3px solid #b52637;
|
|
|
|
|
border-bottom: 3px solid var(--red);
|
|
|
|
|
}
|
|
|
|
|
header .title img {
|
|
|
|
|
max-height: 20rem;
|
|
|
|
|
@ -72,20 +77,20 @@
|
|
|
|
|
color: inherit;
|
|
|
|
|
}
|
|
|
|
|
nav ul li a:hover {
|
|
|
|
|
background-color: #b52637;
|
|
|
|
|
border-color: #b52637;
|
|
|
|
|
background-color: var(--red);
|
|
|
|
|
border-color: var(--red);
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
main {
|
|
|
|
|
max-width: 60rem;
|
|
|
|
|
max-width: var(--wrap);
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
margin-bottom: 10rem;
|
|
|
|
|
padding: 0 1em;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
}
|
|
|
|
|
main h2, main h3 { color: #b52637 }
|
|
|
|
|
main h2, main h3 { color: var(--red) }
|
|
|
|
|
main h2 {
|
|
|
|
|
margin-top: 5rem;
|
|
|
|
|
padding-top: 5rem;
|
|
|
|
|
|
