:root{ --text: rgb(41, 41, 41); --carbon-paper: blue; } body{ width: 100%; margin: 0; box-sizing: border-box; font-family:Verdana, Geneva, Tahoma, sans-serif } /*//////// hmtl tag ////////*/ header{ position:sticky; background-color: aqua; top: 0; height: 20px; } button{ font-size: 1.2em; } /*this is a super nasty trick to make the buttons blend when on hover*/ .multiply{ position: fixed; } .multiply:hover{ mix-blend-mode: multiply; } button:hover{ background-color: white; color: var(--carbon-paper); border: 1px solid var(--carbon-paper); padding: 2px 5px; border-radius:4px; cursor:pointer; } #print-pub{ position:relative; top: 150px; left: 400px; } #goto-bi{ position:relative; top: 600px; left: 800px; } #print-bi{ position:relative; top: 500px; left: 400px; } /* ///////// class elem /////////// */ .cover, .thesis{ width: 60%; margin: 0 auto; height: 100vh; } .cover h1{ font-size: 60pt; } .cover h3{ font-size: 18pt; } .thesis p{ font-size: 16pt; } .chapter{ margin-top: 150px; } .thesis h2{ font-size: 30pt; } /* /////////// PRINT ////////////// */ @media print{ @page{ margin-top: 5mm; margin-bottom: 5mm; } .cover, .thesis{ width: 70%; margin: 0 10mm; } h1{ font-size: 20px; } h2{ break-before: page; font-size: 10px; } .multiply{ position:absolute; } .tb-content{ break-before: page; } .opening-quote{ break-before: page; } .thesis p{ font-size: 10pt; line-height: 1.6em; } }