.content { width: 100vw; min-height: 70vh; display: flex; flex-wrap: nowrap; padding-top: 200px; padding-bottom: 200px; }

.left-panel { width: 300px; height: 100%; padding: 20px; position: fixed; bottom: 0; left: 0; }
.left-panel ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-end; height: 100%; gap: 20px; }
.left-panel ul li { cursor: pointer; }

.left-panel .doodle { width: 80px; position: absolute; bottom: 120px; left: 20px; }

.main-panel { width: calc(100vw - 300px); display: flex; flex-direction: column; gap: 50px; margin-left: 300px; padding-bottom: 200px; }
.main-panel img { width: 400px; }
.main-panel p { width: 400px; line-height: 180%; }

.main-panel a { color: inherit; }

/* .main-panel h1 { font-size: 16px; font-weight: 400; } */

.mob-footer-end { display: none; }

@media (max-width:1075px) {
    .left-panel { display: none; }
    .main-panel { width: 100vw; margin-left: 20px; margin-right: 20px; flex-wrap: wrap; }
    .main-panel img { width: 100%; }
    .main-panel p { width: 100%; }
}