Refine margins and line wrapping

This commit is contained in:
root 2026-01-06 18:39:51 +00:00
parent 8b9be426ac
commit 40c2c87bca
16 changed files with 216 additions and 168 deletions

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>

View file

@ -6,15 +6,15 @@
<title>AHMET KEREM ÖZBAY — CV</title> <title>AHMET KEREM ÖZBAY — CV</title>
<style> <style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; } :root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; } @page { size: A4; margin: 16mm; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; padding:0; } html, body { margin:0; padding:0; }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text); color: var(--text);
background: #fff; background: #fff;
font-size: 10.2pt; font-size: 10.5pt;
line-height: 1.25; line-height: 1.26;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
print-color-adjust: exact; print-color-adjust: exact;
} }
@ -24,15 +24,15 @@ body {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 8mm; gap: 7mm;
padding-bottom: 3mm; padding-bottom: 3.2mm;
margin-bottom: 3mm; margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
} }
.header-left { flex: 1; min-width: 0; } .header-left { flex: 1; min-width: 0; }
.photo { .photo {
width: 28mm; height: 28mm; width: 29mm; height: 29mm;
border-radius: 4mm; border-radius: 4mm;
object-fit: cover; object-fit: cover;
background: #f2f2f2; background: #f2f2f2;
@ -40,44 +40,50 @@ body {
} }
h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; } h1 { font-size: 19pt; margin: 0; letter-spacing: .2px; }
.subtitle { margin: 1mm 0 2mm 0; color: var(--muted); font-style: italic; } .subtitle {
margin: 1.2mm 0 2.2mm 0;
color: var(--muted);
font-style: italic;
text-wrap: balance;
}
.contact { margin: 0; } .contact { margin: 0; }
.contact .emph { color: var(--blue); font-weight: 700; } .contact .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; } .contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; } .contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; } .contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 1fr 0.44fr; grid-template-columns: 1fr 0.42fr;
gap: 8mm; gap: 6mm;
} }
.maincol { min-width: 0; } .maincol { min-width: 0; }
.sidecol { .sidecol {
min-width: 0; min-width: 0;
padding-left: 6mm; padding-left: 4.5mm;
border-left: 1px solid var(--rule); border-left: 1px solid var(--rule);
font-size: 10pt; font-size: 10.1pt;
} }
.section { margin: 0 0 3mm 0; } .section { margin: 0 0 4mm 0; }
.section h2 { .section h2 {
font-size: 11.5pt; font-size: 11.6pt;
margin: 0 0 1.4mm 0; margin: 0 0 1.6mm 0;
padding: 0 0 0.9mm 0; padding: 0 0 1mm 0;
border-bottom: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
text-wrap: balance;
} }
.entry { margin: 0 0 2.2mm 0; } .entry { margin: 0 0 2.6mm 0; }
.entry .title { font-weight: 700; } .entry .title { font-weight: 700; }
.entry .meta { color: var(--muted); } .entry .meta { color: var(--muted); }
p { margin: 0 0 1.8mm 0; hyphens: auto; } p { margin: 0 0 2mm 0; hyphens: auto; text-wrap: pretty; }
ul { margin: 1mm 0 0 4mm; padding: 0; } ul { margin: 1mm 0 0 4mm; padding: 0; }
li { margin: 0 0 0.9mm 0; hyphens: auto; } li { margin: 0 0 1mm 0; hyphens: auto; text-wrap: pretty; }
.skills p { margin: 0 0 1.2mm 0; } .skills p { margin: 0 0 1.4mm 0; }
.small { font-size: 10pt; } .small { font-size: 10pt; }
</style> </style>
</head> </head>