.loader{position:fixed;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;flex-direction:column;background-color:#222831;z-index:1}a{color:#ddd;text-decoration:none}#click_me{position:fixed;display:flex;top:80vh;right:50vw;height:5%;z-index:0}body{margin:0;padding:0;background-color:#222831;color:#ddd;font-family:Open Sans,sans-serif}.topnav{font-size:14pt;top:0;left:0;height:40pt;margin:auto auto 0;font-family:Lato,sans-serif}#web_icon{position:fixed;top:0;height:40pt;margin:10px 20px 20px 50px}#menu_icon{display:none;height:40pt;margin:10px 20px 20px}.menu_bar{width:28px;height:2.5px;background-color:#ddd;margin:3px 0}.topnav ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;z-index:6}.topnav li{padding:0 20px;text-align:center}.row{display:grid;height:calc(100vh - 40pt);grid-auto-rows:auto 1fr;grid-template-columns:repeat(2,1fr)}#desktop_col{float:left;width:50vw;height:calc(100vh - 40pt)}#content_col{float:right;overflow-y:scroll;height:calc(100vh - 40pt)}#canvas_3d{left:0;top:0}#job_title{font-size:10pt;font-family:Courier New,Courier,monospace}.tabcontent{padding:0 12px 6px;display:flex;height:auto;align-items:center;flex-direction:column;min-height:100%}.tabcontentcontent{max-width:950px}.seperator{height:20vh}#content_col::-webkit-scrollbar{display:none}#content_col{-ms-overflow-style:none;scrollbar-width:none}.tabcontent::-webkit-scrollbar{display:none}.tabcontent{-ms-overflow-style:none;scrollbar-width:none}hr{z-index:3;position:sticky;bottom:0}.tabtitle{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;display:block;width:100%;color:#ddd;position:sticky;top:0px;padding:20px 0;margin:0;text-align:center;z-index:1}#about_content p{padding:0 40px;line-height:1.7}code{font-family:Courier New,Courier,monospace;background-color:#000;color:#d0d0d0;padding:2px 4px;border-radius:4px}#typed_bioinfo{display:inline-block}.pub_item{text-align:left;margin:10px 20px;background:#DDDDDD;color:#222831;box-shadow:0 0 5px #0003;border-radius:10px;padding:10px}.pub_item:hover{box-shadow:0 5px 15px #0003}.pub_title,.pub_journal,.pub_auth{margin-top:0;margin-bottom:0}#contact_img_div{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}.contact_img{width:50%}#contact_content p{padding:20px 40px;line-height:1.5}.timeline{margin:0 auto;display:grid;grid-template-columns:20% 1px 1fr}.timeline_date{text-align:right;margin:0 15px 0 5px}.timeline_bar{position:relative;background:#DDDDDD}.timeline_point{position:absolute;background-color:#f05454;top:0;left:50%;width:15px;height:15px;transform:translate(-50%);border-radius:50%}.timeline_text{text-align:left;margin:0 20px 20px;background:#DDDDDD;color:#222831;box-shadow:0 0 5px #fff;border-radius:10px}.timeline_text:hover{box-shadow:0 0 15px #fff}.timeline_text h3{margin:20px 20px 0}.timeline_text *:not(i){margin-left:20px;margin-right:20px}.timeline_text ul{padding-left:5px}@media screen and (max-width: 768px){#click_me{top:75vh}.tabcontent{padding:0 6pt 6pt;height:auto}.tabtitle{margin:0 20 20 20;position:sticky}.topnav ul{position:fixed;top:35pt;flex-direction:column;justify-content:space-between;height:50vh;width:100vw;padding:20px;display:none;background-color:#222831}.topnnav li{position:fixed}#menu_icon{display:flex;justify-content:center;flex-direction:column;align-items:flex-end;z-index:2}.row{position:relative;display:block;grid-auto-columns:"";grid-template-rows:""}#desktop_col{position:fixed;top:40pt;width:100%;height:30%}#canvas_3d{z-index:-1}#content_col{position:absolute;height:75%;z-index:1;bottom:0}body{height:100%}data{height:80%}}