.yjin-top-bar { /* background: linear-gradient(90deg, #0D3D9B 0%, #0093C4 100%); */ background-color: #E0E2E4; height: 58px; } .yjin-text { font-size: 48px; font-weight: 600; color: #1E1E1E; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } .yjin-text:nth-child(3) { margin-left: 30px; } .yjin-main-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; } .yjin-input-like { margin-top: 45px; width: 520px; height: 60px; border-radius: 32px; display: flex; justify-content: space-between; align-items: center; background-color: #F1F1F1; padding-right: 10px; padding-left: 27px; cursor: text; box-shadow: 0 4px 40px #0000000a; } .yjin-input-placehoder { font-size: 15px; color: #909098; } .yjin-input-submit-button { width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #D7D7D7; transition: all 0.3s; cursor: pointer; } .yjin-input-submit-button:hover { background-color: #EC7070; } .yjin-input-svg-icon { padding-top: 2px; /* padding-right: 2px; */ } .yjin-content-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; z-index: -1; }