body {
     margin: 0;
     overflow-y: scroll;
 }

 #changeWhite {
     width: 100%;
     height: 100%;
     z-index: 9;
     position: fixed;

     background: rgb(255, 255, 255);
     background: rgb(255, 255, 255);
     background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
 }

 .change {
     animation-name: show1;
     animation-duration: 3s;
     animation-iteration-count: 1;
     animation-fill-mode: both;
     animation-duration: normal;
 }

 .change2 {
     animation-name: show2;
     animation-duration: 3s;
     animation-iteration-count: 1;
     animation-fill-mode: both;
 }

 @keyframes show1 {
     0% {
         height: 0%;
     }

     100% {
         height: 120%;
     }
 }

 @keyframes show2 {
     0% {
         height: 120%;
     }

     100% {
         height: 0%;
     }
 }

 img {
     box-shadow: 0px 0px 5px 3px #666668;
     max-height: 512px;
     width: auto;
     max-width: 100%;
     margin: 10px;
 }

 iframe {
     box-shadow: 0px 0px 5px 3px #666668;
     margin: 10px;
     max-width: 100%;
 }

 hr {
     background-image: url("img/line_6070546.jpg");
     background-repeat: repeat-x;
     background-size: contain;
     background-position: center;
     border: none;
     height: 100px;
     width: 100%;
     margin: 0;
     padding: 0;
 }

 #div1 {
     padding: 50px;
     margin: 50px;
 }

 #div1::selection {
     background-color: rgb(1, 1, 1);
     color: white;
     text-shadow: 0 0 6px white;
     box-shadow: 0 0 6px black;
 }

 div.display_icon {
     width: 1em;
     float: right;
     padding-right: 20px;
     background-color: black;
     background-color: #00000050;
 }


 div.top_menu_content {
     float: left;
     white-space: nowrap;
     width: 100%;
     height: auto;
     background-color: black;
     display: block;
     white-space: pre-line;
     padding: 10px;
     padding-bottom: 5px;
     line-height: 2.2em;
     font-size: 23px;
     box-sizing: border-box;
 }

 div.top-menu {
     top: 0px;
     position: fixed;
     left: 0;
     color: white;
     z-index: 1;
     -webkit-user-select: none;
     -moz-user-select: none;
     height: 65px;
     width: 100%;
 }

 #div2 {
     position: relative;
     top: 35px;
     font-size: 26px;
     width: 100%;
     word-break: break-all;
     text-align: center;
     margin-bottom: 1em;
     margin-left: 0;
     margin-right: 0;
 }

 div.article {
     box-shadow: 0px 0px 12px 3px black;
     width: calc(100% - 12px * 2 - 20px);
     line-height: auto;
     text-align: left;
     font-size: 0.7em;
     word-break: break-all;
     padding: 10px;
     margin: 15px;
 }

 div.article a {
     color: blue;
     text-decoration: none;
 }

 body {
     font-size: 2em;
     height: auto;
 }

 body rt {
     font-size: 25px;
 }

 h1 {
     letter-spacing: 0px;
     margin: 0px;
 }

 a rt {
     font-size: 0.4em;
 }

 .no_select_menu {
     padding: 5px;
 }

 .select_menu {
     border-width: 2px;
     border-bottom-style: dashed;
     border-color: gainsboro;
     padding: 5px;
 }

 #a00 {
     margin: 0;
     padding: 0;
     width: 100%;
 }

 .link {
     border-bottom: 1px solid black;
 }

 .codeblock {
     padding-left: 1em !important;
     display: block;
     /* fixes a strange ie margin bug */
     font-family: Courier New;
     font-size: 10pt;
     overflow: auto;
     background: #f0f0f0 url(img/code.gif) left top repeat-y;
     border: 1px solid #ccc;
     padding: 10px 10px 10px 21px;
     /* max-height: 1000px; */
     line-height: 1.2em;
 }

 /*@media screen and (max-device-width: 480px) {
     div.top-menu {
         font-size: 74px;
         position: relative;
     }

     div.content {
         top: 100px;
     }

     rt {
          font-size: 52px; 
 }

 div.content {
     position: relative;
     top: 35px;
     font-size: 40px;
 }

 img {
     max-width: 80vw;
     max-height: auto;
 }


 div.top_menu_content {
     line-height: 90px;
     font-size: 55px;
     padding: 10px;
     width: 100%;
     box-sizing: border-box;
 }

 }

 */