work.suroh.tk/css/print.css

@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;
}