62 lines
780 B
CSS
62 lines
780 B
CSS
:root {
|
|
--color1: #0A043C;
|
|
--color2: #03506F;
|
|
--color3: #BBBBBB;
|
|
--color4: #FFE3D8;
|
|
}
|
|
|
|
* {
|
|
font-family: Poppins, system-ui;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: var(--color1);
|
|
color: var(--color4);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Zilla Slab', system-ui;
|
|
color: var(--color3);
|
|
}
|
|
|
|
h1 {
|
|
font-size: 6vw;
|
|
}
|
|
|
|
p.buyuk {
|
|
font-size: 3vw;
|
|
}
|
|
|
|
p {
|
|
margin: 20px 0px;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 20px;
|
|
border-bottom: 1px solid var(--color2);
|
|
}
|
|
|
|
header ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
header ul li {
|
|
float: left;
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
header ul a {
|
|
color: var(--color4);
|
|
}
|
|
|
|
article {
|
|
padding: 50px;
|
|
}
|
|
|
|
a {
|
|
color: var(--color3);
|
|
} |