@font-face { font-family: Solide-Mirage; src: url(styles/fonts/Solide-Mirage-master/fonts/SolideMirage-Etroit.otf); } @font-face { font-family: zarathustra; src: url(styles/fonts/zarathustra-v01.otf); } @font-face { font-family: ACSciFly; src: url(styles/fonts/ACSciFly/ACSciFly.ttf); } @font-face { font-family: ACNixie; src: url(styles/fonts/ACNixie/AC-Nixie.ttf); } @font-face { font-family: ACPoiret; src: url(styles/fonts/ACPoiret/AC-Poiret.ttf); } body { font-family: 'ACPoiret'; line-height: 1.5em; } strong,h2 { font-family: ACNixie; font-size:1.2em; } td { /* width:15%; */ width: 22%; vertical-align: top; border-right: 1px solid; } td:nth-child(1), td:nth-child(2), td:nth-child(3), td:nth-child(4) { overflow: auto; height: 100%; position: fixed; padding: 1%; } td:nth-child(2) { left: 25%; background: #ffcbcb; word-wrap: break-word; } td:nth-child(3) { left: 50%; } td:nth-child(4) { left: 75%; } .trans_table { width: 100% !important; height:80%; } img { max-width: 100%; border: 1px solid black; } iframe { width: 100%; height: 50vh; } #keimeno { /*height: 50%;*/ display: flex; align-items: center; justify-content: center; width:25%; position:absolute; left:40%; } p { margin-top: 0.5em ; margin-bottom: 0.5em ; } .workshoptext { align-items: center; justify-content: center; width:80%; position:absolute; left:10%; } .workshoptext div { margin: 0; } #keimeno div { margin: 0; } .english { color:black; } .scroll { overflow:scroll; } a { text-decoration: none; color:#fd69B3; } a:hover { color:black; font-weight: bold; } .hashtag { font-size:1.2em; } .center { text-align: center; } #no_spaces, #blind_spots { word-wrap: break-word; }