body, html{ width: 100%; height: 100%; } body{ background: linear-gradient(#05FBFF, #d8fafc) fixed; } h1{ color: white; border-left: solid 5px #46ff37; background-color: #6aece9; margin-bottom: 3px; color: #fff9c9; } .float{ position: fixed; float: left; border-radius: 50%; padding-right: 20px; margin-right: 10px; background-color: white; } .main{ clear: clear; margin-left: 170px; padding: 15px; width: 100vx; background-color: white; border-radius: 30px; } .main p { margin-left: 20px; } div.header p{ margin-left: 20%; } div.photo { display: inline-block; padding: 25px; height: 200px; } div.photo span{ background: linear-gradient(#ff771d, #ffba5b); padding: 5px 10px; border-radius: 5px; } div.gaiyo { /* background-color: pink; */ height: 100%; width: 100%; border-bottom: dotted 2px blue; padding-bottom: 5%; } div.menu { /* background-color: yellow; */ height: 100%; width: 100%; border-bottom: dotted 2px blue; padding-bottom: 5%; } div.int { height: 100%; width: 100%; border-bottom: dotted 2px blue; padding-bottom: 5%; } div.photospace { /* background-color: green; */ overflow:scroll; height: 100%; width: 100%; border-bottom: dotted 2px blue; padding-bottom: 5%; } table{ width: 40%; border-spacing: 0; } table th{ border-bottom: solid 2px #fb5144; padding: 10px 0; } table td{ border-bottom: solid 2px #ddd; border-left: dotted 2px #ddd; padding: 10px 0; } ul.view{ list-style-type: none; } ul.view li{ font-size: 130%; } ul.view li:before{ content:"Q "; color: blue; font-size: 130%; } ul.view p:before{ content:"A "; color: red; font-size: 130%; } div#map{ color: red; width: 65vw; height: 65vw; margin:0 auto; }