diff --git a/2020-Silk-Reroad/yousan.css b/2020-Silk-Reroad/yousan.css index 7ee8e36..045d32d 100644 --- a/2020-Silk-Reroad/yousan.css +++ b/2020-Silk-Reroad/yousan.css @@ -26,34 +26,39 @@ } .center { - position: absolute; - bottom: 0%; - left: 50%; - transform: translateX(-50%); - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - width: 800px; - height: 800px; + position: absolute; + bottom: 0%; + left: 50%; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + width: 800px; + height: 800px; + z-index: 1; } .inner { - text-align: center; - width: 80%; - padding: 10px; - border: 1px solid black; - background-color: rgba(255, 210, 111, 0.5); - margin: 0 auto; - position: absolute; - bottom: 5%; - left: 50%; - transform: translateX(-50%); - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); -} + text-align: center; + width: 80%; + padding: 10px; + border: 1px solid black; + background-color: rgba(255, 210, 111, 0.5); + margin: 0 auto; + position: absolute; + bottom: 20%; + left: 50%; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%);} .box { - width:1000px; height:1000px;margin:5px; padding:10px; - border:1px solid black;background-color:lightgray;} + width: 100%; + height: 700px; + margin-top: 100px; + padding: 10px; + border: 1px solid black; + background-color: lightgray; + z-index: 0;}