| | |
| | | .section-1{ |
| | | position: absolute; |
| | | left: 70px; |
| | | top: -10px; |
| | | top: -20px; |
| | | width: calc((200vw - 240px) / 7 + 60px); |
| | | height: 630px; |
| | | height: calc(80vh - 109px); |
| | | background: rgba(0,100,190,.1); |
| | | border: 1px solid rgba(0,100,190,.4); |
| | | border-radius: 8px; |
| | |
| | | .section-2{ |
| | | position: absolute; |
| | | left: calc((400vw - 480px)/ 7 + 70px); |
| | | top: 150px; |
| | | top: calc((100vh - 130px)/ 5 - 20px); |
| | | width: calc((200vw - 240px) / 7 + 60px); |
| | | height: 470px; |
| | | height: calc((300vh - 390px)/ 5 - 5px); |
| | | background: rgba(0,100,190,.1); |
| | | border: 1px solid rgba(0,100,190,.4); |
| | | border-radius: 8px; |
| | |
| | | .section-3{ |
| | | position: absolute; |
| | | left: 100px; |
| | | top: 630px; |
| | | top: calc(80vh - 119px); |
| | | width: calc((500vw - 600px)/ 7 + 30px); |
| | | height: 180px; |
| | | height: calc((100vh - 130px)/ 5 + 20px); |
| | | background: rgba(0,100,190,.1); |
| | | border: 1px solid rgba(0,100,190,.4); |
| | | border-radius: 8px; |