104 lines
1.2 KiB
CSS
Executable File
104 lines
1.2 KiB
CSS
Executable File
@import url('https://fontlibrary.org/face/hk-grotesk');
|
|
|
|
body {
|
|
grid-gap: 15px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
font-family: 'HankenGroteskLight', sans-serif;
|
|
font-weight: 400;
|
|
font-size: 12pt;
|
|
color: #000;
|
|
}
|
|
|
|
@page {
|
|
size: A4;
|
|
margin: 10mm 20mm 15mm;
|
|
}
|
|
|
|
header {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
img { max-width: 100%; }
|
|
|
|
/* WORK INPAGE */
|
|
a#home {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.work.text {
|
|
width: 63%;
|
|
float: right;
|
|
}
|
|
|
|
.work.text>h1 {
|
|
transform: rotate(0);
|
|
font-size: 4em;
|
|
left: -75px;
|
|
top: -100px;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #FF670F;
|
|
}
|
|
|
|
.work.imgs {
|
|
width: 35%;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.work.imgs img {
|
|
max-width: 100%;
|
|
height:auto;
|
|
}
|
|
|
|
div.imgFeat {
|
|
position: relative;
|
|
}
|
|
|
|
.imgFeat>img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
iframe {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
object {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* CV */
|
|
#me {
|
|
margin: 10mm 0mm;
|
|
width: 75%;
|
|
}
|
|
|
|
#me h2 {
|
|
font-size: 3em;
|
|
margin: 0 0 0mm;
|
|
}
|
|
|
|
#edu, #prof, #things, #music {
|
|
margin: 10mm 10mm 0mm;
|
|
}
|
|
|
|
#cv ul, #cv ul li, #cv p {
|
|
break-inside: avoid;
|
|
}
|
|
|
|
#cv ul li {
|
|
list-style: none;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#cv ul>em:first-child {
|
|
position: relative;
|
|
left: -20px;
|
|
}
|