/* Everything*/ * { border: 1px black solid; } /*Main areas*/ .map_area { text-align: center; margin-top: 200px; height:800px; } .image_area { margin-top: 10px; padding-right: 20px; /* height:300px; */ } .image_area img { width: 200px; height: 150px; } /* text area */ .thesis { overflow-y: scroll; max-height:500px; } /*audio area*/ audio { width: 100%; } /* .iframe_area { margin-top: 10px; padding-right: 20px; } */ #video1 { margin-top: 300px; } .draggable { position: absolute; } img { opacity: 0.8; } .draggable iframe { padding: 20px; } #video2 { margin-top: 100px; } #audio1 { margin-left: 400px; } #transcriptWrapper { overflow: hidden; } #transcript > div { transition: all 0.8s ease; list-style-type: disc; } .speaking { font-weight: bold; } #background_a { background-image: url("../images/map.png"); background-repeat: no-repeat; background-color: silver; } #poem1 { width: 500px; margin-left: 400px; opacity: 1 !important; box-shadow: 8px 8px 3px #ccc; } #poem2 { width: 500px; margin-left: 300px; margin-top: 10px; opacity: 1 !important; box-shadow: 8px 8px 3px #ccc; } #background_c { background-image: url("../images/Hands_scan.png"); } #scan1 { width:60%; top:120px;left:240px; } /* pop up */ #show1 { display: none; left: 20%; width: 23% !important; } .nicelist { font-size: 25px; color: gray; margin-top: 100px; text-decoration: underline; font-family: 'Dosis', sans-serif; } ul { margin-left: 900px; } li { padding-bottom: 20px; list-style-type: none; }