This is an old revision of the document!

%%

.left-column * {opacity:0 !important } .sidebar-content {opacity:0 !important } .options {opacity:0 !important } .search{opacity:0 !important }

.site-header {display:none } .navbar {display:none !important} .breadcrumbs * {display:none !important}

.level1 { position: relative; overflow:hidden; }

.level1 p { margin:0;

transform: translateX(0);

white-space: nowrap; font-size: 300px; text-decoration: italic; font-family: garamond; color: #FEFEE2; line-height:1}

.level1 p:hover {
  transform: translateX(-100%);
  transition-duration: 40s;
}  

* {background-color: #111827 !important}

.right-column { display: flex; flex:1

 }
 

/* .right-column {

  margin-left: 0px;
   overflow: hidden
  position:relative
 }

.right-column:hover { margin-left: -300px; transition-duration: 5s; } */

.right-column {

  overflow: hidden;

  /* margin-left: 0px; */

  transform: translateX(0);
  background-color:black;
  overflow: hidden;
  position:relative
 }

.right-column:hover { /* margin-left: -300px; */

transition-duration: 5s; }

h1 { position:relative; color: pink ; font-size: 300px ; white-space: nowrap; display: inline-block; }

h1:hover { color: pink ; font-size: 300px ; white-space: nowrap; display: inline-block; }

.view-right-column { background-color:black }