.deekSeek { width: 100%; height: 100vh; background: linear-gradient(90.52deg, rgba(24, 126, 255, 1) 1.54%, rgba(23, 66, 255, 1) 99.26%); &-header { width: 100%; height: 60px; border: 1px solid rgba(24, 126, 255, 1); display: flex; color: #FFFFFF; justify-content: center; align-items: center; overflow-x: auto; overflow-y: hidden; } &-content { width: 100%; height: calc(100vh - 60px); display: flex; justify-content: center; align-items: center; flex-direction: column; &-title { display: flex; justify-content: center; margin-bottom: 5px; img { width: 50%; } } &-title-sm { font-size: 20px; color: #FFFFFF; @media (max-width: 768px) { font-size: 16px; } @media (max-width: 480px) { font-size: 14px; } } &-pc { width: 36%; min-width: 400px; height: 78%; background: #FFFFFF; border-radius: 12px; overflow: hidden; } &-mobile { width: 90%; height: 82%; background: #FFFFFF; border-radius: 12px; overflow: hidden; } } }