ul {
    float:left;
    text-decoration: none;
    list-style-type: none;
    font-size: 20;
    position: fixed;
    top:15%;
}
a{
    text-decoration: none;
    color: black;
    
}
a:hover {
    background-color: #f3f3f3;
    
}
html {
      background: linear-gradient(135deg, #ffffff 0%,#999999 100%);
    font-family: 'Trirong', serif;
}

h1 {
    font-size: 36;
    position:fixed;
    left:42.5%;
    top:0%;
    padding: 0;
    margin:1%;
}

 .column-left{ float: left; width: 50%; position:relative; left: 0%;overflow-y: scroll;
    overflow-x: hidden;}
  .column-right{ float: right; width: 50%; position:relative; left: 0%;overflow-y: scroll;
    overflow-x: hidden;}

div {
    position: relative;
    top: 8%;
    left: 14%;
    max-height: 90%;
    max-width:85%;
    padding: 0;
    margin: 0;
    
    
}

::-webkit-scrollbar {
    width: 0px;  
    background: transparent;  
}

img {
    max-height: 100%;
    max-width: 100%;
}
span {
    position: fixed;
    top: 3%;
    left:3%;
/*    opacity: .8;*/
}