@font-face {
    font-family: 'glemor_typefaceregular';
    src: url('font/glemor-typeface-webfont.woff2') format('woff2'),
         url('font/glemor-typeface-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.cdnfonts.com/css/typo-3');

@font-face {
    font-family: 'zai_tribute_to_casellis_panRg';
    src: url('font/zai_tributetocasellispantelegraph-webfont.woff2') format('woff2'),
         url('font/zai_tributetocasellispantelegraph-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Lunasima&family=Space+Mono&display=swap');

body{
  /* background-color: #444444; */
  background-color: #D4D1DF;

}

h1{
  font-family: 'glemor_typefaceregular';
  text-align: center;
}

h2{
  text-align: center;
}


p{
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.2rem;
}

a{
  text-decoration: underline;
  color: inherit;
}

a:hover{
  color:purple;
}


hr{
    border-top: .8px solid black;
    margin: 10px;
}

.backarrow{
  font-family: 'zai_tribute_to_casellis_panRg';
  position:fixed;
  left:15px;
  font-size: 3rem;
  color:red;
}

.backarrow a{
  text-decoration:none;
}

.backarrow a:hover{
  color:inherit;
}

.projectpaper{
  height:83%;
  position:fixed;
  background-image: url("<?php $a = array('pgbgimgs/1.jpg','pgbgimgs/2.jpg','pgbgimgs/3.jpg','pgbgimgs/4.jpg','pgbgimgs/5.jpg'); echo $a[array_rand($a)];?>");
  background-size: cover;
  width: 90%;
  margin-left: 20px;
  font-family: 'typo3', sans-serif;
  line-height: 2rem;
}

.left{
  width:30%;
  height:100%;
  padding:25px;
  float:left;
  overflow-y: scroll;
}
.right {
  border-left: .8px solid black;
  height: 96%;
  width:70%;
  padding:25px;
  float:right;
  margin-top:15px;
  overflow-y: scroll;
  font-size: 1.3rem;
  line-height: 2.2rem;
}
.right img{
  width:100%;
}

.projectintext{
    font-size: 1rem;
    line-height: 1.1rem;
  }

.unicode-story{
  width:350px; 
  height:100%; 
  margin-right:45px;
  float:left;
  overflow-y:scroll
}

.unicode-container{
  width:3230px;
  height:100%;
  overflow:auto;
}

.left::-webkit-scrollbar {
  display: none;
}
.unicode-story::-webkit-scrollbar {
  display: none;
}
.unicode-container::-webkit-scrollbar {
  display: block;
}