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>
<style>
:root { --text:#111; --muted:#4b4b4b; --rule:#e3e3e3; --blue:#0B3D91; }
@page { size: A4; margin: 12mm; }
@page { size: A4; margin: 16mm; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--text);
background: #fff;
font-size: 10.2pt;
line-height: 1.25;
font-size: 10.5pt;
line-height: 1.26;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
@ -24,15 +24,15 @@ body {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8mm;
padding-bottom: 3mm;
margin-bottom: 3mm;
gap: 7mm;
padding-bottom: 3.2mm;
margin-bottom: 3.2mm;
border-bottom: 1px solid var(--rule);
}
.header-left { flex: 1; min-width: 0; }
.photo {
width: 28mm; height: 28mm;
width: 29mm; height: 29mm;
border-radius: 4mm;
object-fit: cover;
background: #f2f2f2;
@ -40,44 +40,50 @@ body {
}
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 .emph { color: var(--blue); font-weight: 700; }
.contact a { color: var(--text); text-decoration: none; }
.contact a:hover { text-decoration: underline; }
.contact .link { margin-top: 0.6mm; }
.contact .link { margin-top: 0.7mm; overflow-wrap: anywhere; }
.grid {
display: grid;
grid-template-columns: 1fr 0.44fr;
gap: 8mm;
grid-template-columns: 1fr 0.42fr;
gap: 6mm;
}
.maincol { min-width: 0; }
.sidecol {
min-width: 0;
padding-left: 6mm;
padding-left: 4.5mm;
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 {
font-size: 11.5pt;
margin: 0 0 1.4mm 0;
padding: 0 0 0.9mm 0;
font-size: 11.6pt;
margin: 0 0 1.6mm 0;
padding: 0 0 1mm 0;
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 .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; }
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; }
</style>
</head>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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