/* Everything*/ * { border: 1px black solid; } /*Main areas*/ .map_area { text-align: center; margin-top: 200px; height:80%; } .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; scroll-behavior: smooth; } /* background audio */ audio { width:100%; } /* circles */ #first_circle { width: 100%; height: 100%; } #second_circle { width: 100%; height: 100%; } @media all and (max-width: 350px) { #first_circle { width: 100%; height: 100%; } #second_circle { width: 100%; height: 100%; } } draggable { position: absolute; } .draggable iframe { padding: 20px; } #transcriptWrapper { overflow: hidden; } #transcript > div { transition: all 0.8s ease; list-style-type: disc; } .speaking { font-weight: bold; } /* pop up */ #show1 { display: none; left: 20%; width: 23% !important; }