<style> /*p{
font-size: 100px; color: blue; }*/ body{ background-color: #B1E7EF; } .overlay_container{ position: relative; } .overlaying_div_top{ position: absolute; /*background-color: green;*/ } .wave{ /*background-color: red;*/ position: absolute; bottom: 0%; left: 0%; width: 100%; } .overlaying_div_bottom{ position: relative; width: 100% height: 100%; } .centered_div{ top: 50%; left: 50%; transform: translate(-50%,-50%); } .landing_image_div{ width: 100%; } .landing_image{ width: 100%; height: 100%; /*opacity: 0.2;*/ } .full_screen_table{ width: 100%; position: relative; border /*background-color: red;*/ } /*td img{ display: block; margin-left: auto; margin-right: auto; border-radius: 20%; margin: 50px; width: 50%; }*/ td{ position: relative; border: 5px solid #CDECA9; border-radius: 50px; /*background-color: blue;*/ } .person_image_div img{ border-radius: 20%; width: 100%; } .person_image_div{ /*background-color: green; width: 50%;*/ width: 200px; margin-left: 50%; margin-top: 15%; margin-bottom: 15%; transform: translate(-50%,0%); } #main_title{ text-align: center; font-family: sans-serif; color: white; background-color: rgb(177, 231, 239, 0.6); border: 10px solid #45ACFF; border-radius: 5%; width: 50%; } .table_title{ color: white; font-size: 50px; font-family: sans-serif; } #bubble{ width: 50px; height: 50px; position: absolute; border: 10px solid #45ACFF; border-radius: 100%; left: 30%; animation-duration: 8s; animation-name: rise_up; animation-iteration-count: infinite; }
@keyframes rise_up{ from{ bottom: -240% } to{ bottom: 0%; } }
</style>