@font-face { font-family: Courier_New; src: url('fonts/courier_new-webfont.woff'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: Courier_New_bold; src: url('fonts/courier_new_bold-webfont.woff'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: Times_New_Roman; src: url('fonts/Times New Roman.ttf'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } body { font-family: 'Courier New', 'Courier', monospace; font-size: 16px; line-height: 120%; position: relative; } main { margin: 12px 12px auto 12px; } b { /* font-family: 'Courier New';*/ font-family: 'courier_newbold' 'Courier New', monospace; font-weight: 600; } h1 { text-decoration: underline; line-height: 120%; text-align: left; font-weight: normal; } h2 { font-size: inherit; line-height: 120%; text-align: left; text-decoration: underline; font-weight: normal; } div { /* display: block; float: left; margin-right: auto;*/ /* max-width: 720px;*/ } img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; } .indent { display: block; padding-left: 40px; } .text { position: absolute; display: block; float: left; margin-right: auto; max-width: 640px; } .drawing { mix-blend-mode: multiply; } .fullImage { max-width: 66%; display: block; } #left { text-align: left; } #center { text-align: center; } #right { text-align: right; } a:link { color: blue; text-decoration: none; } a:visited { color: blue; } a:hover { /* text-decoration-line: underline;*/ } a:active { /* color: blue;*/ } /*how to style this???*/ a.outOfNetworkLink { color:red; text-decoration-line: } .list { text-decoration: none; } #line { position: absolute; z-index: -1; } #ciao_line { position: inherit; z-index: inherit; left: 0px; top: 0; height: 3000px; } #photo { position: absolute; margin-top: 200px; /*z-index: 1;*/ } #description { position: absolute; }