: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;
    counter-reset: page;
}

/*//////// 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 h1{
    font-size: 60pt;
}
.cover h3{
    font-size: 18pt;
}

.thesis p{
    width: 70%;
    font-size: 16pt;
}
.chapter{
    margin-top: 150px;
}
.thesis h2{
    font-size: 30pt;
}



/* /////////// IMAGES ////////////// */
img{
    width: 60%;
}

/* /////////// PRINT ////////////// */

@media screen, print{

    @page{
        margin-top: 15mm;
        margin-bottom: 15mm;
        margin-left: 10mm;
        margin-right: 10mm;
        
        @bottom-center {
            content: counter(page);
          }
    
    }


    

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


