Spaces:
Sleeping
Sleeping
| .home-container { | |
| width: 100%; | |
| display: flex; | |
| overflow: auto; | |
| min-height: 100vh; | |
| align-items: center; | |
| flex-direction: column; | |
| } | |
| .home-navbar-interactive { | |
| width: 100%; | |
| display: flex; | |
| position: relative; | |
| align-items: center; | |
| padding-top: var(--dl-space-space-twounits); | |
| padding-left: var(--dl-space-space-threeunits); | |
| padding-right: var(--dl-space-space-threeunits); | |
| padding-bottom: var(--dl-space-space-twounits); | |
| justify-content: space-between; | |
| } | |
| .home-logo { | |
| width: 115px; | |
| height: 44px; | |
| } | |
| .home-btn-group { | |
| display: flex; | |
| align-items: center; | |
| flex-direction: row; | |
| justify-content: space-between; | |
| } | |
| .home-login { | |
| border-width: 0px; | |
| margin-right: var(--dl-space-space-twounits); | |
| } | |
| .home-burger-menu { | |
| display: none; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .home-icon { | |
| width: var(--dl-size-size-xsmall); | |
| height: var(--dl-size-size-xsmall); | |
| } | |
| .home-mobile-menu { | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| height: 100vh; | |
| display: none; | |
| padding: 32px; | |
| z-index: 100; | |
| position: fixed; | |
| flex-direction: column; | |
| justify-content: space-between; | |
| background-color: #fff; | |
| } | |
| .home-nav { | |
| display: flex; | |
| align-items: flex-start; | |
| flex-direction: column; | |
| } | |
| .home-container01 { | |
| width: 100%; | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: var(--dl-space-space-threeunits); | |
| justify-content: space-between; | |
| } | |
| .home-image { | |
| height: 2rem; | |
| } | |
| .home-menu-close { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .home-icon02 { | |
| width: var(--dl-size-size-xsmall); | |
| height: var(--dl-size-size-xsmall); | |
| } | |
| .home-nav1 { | |
| flex: 0 0 auto; | |
| display: flex; | |
| align-items: flex-start; | |
| flex-direction: column; | |
| } | |
| .home-text { | |
| margin-bottom: var(--dl-space-space-unit); | |
| } | |
| .home-text01 { | |
| margin-bottom: var(--dl-space-space-unit); | |
| } | |
| .home-text02 { | |
| margin-bottom: var(--dl-space-space-unit); | |
| } | |
| .home-text03 { | |
| margin-bottom: var(--dl-space-space-unit); | |
| } | |
| .home-text04 { | |
| margin-bottom: var(--dl-space-space-unit); | |
| } | |
| .home-container02 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| display: flex; | |
| margin-top: var(--dl-space-space-unit); | |
| align-items: center; | |
| flex-direction: row; | |
| } | |
| .home-login1 { | |
| margin-right: var(--dl-space-space-twounits); | |
| } | |
| .home-icon-group { | |
| display: flex; | |
| } | |
| .home-icon04 { | |
| width: var(--dl-size-size-xsmall); | |
| height: var(--dl-size-size-xsmall); | |
| margin-right: var(--dl-space-space-twounits); | |
| } | |
| .home-icon06 { | |
| width: var(--dl-size-size-xsmall); | |
| height: var(--dl-size-size-xsmall); | |
| margin-right: var(--dl-space-space-twounits); | |
| } | |
| .home-icon08 { | |
| width: var(--dl-size-size-xsmall); | |
| height: var(--dl-size-size-xsmall); | |
| } | |
| .home-text05 { | |
| width: 517px; | |
| } | |
| .home-form { | |
| width: 490px; | |
| height: 519px; | |
| display: flex; | |
| z-index: 100; | |
| margin-top: var(--dl-space-space-oneandhalfunits); | |
| margin-bottom: 0px; | |
| background-color: #D9D9D9; | |
| } | |
| .home-container03 { | |
| flex: 0 0 auto; | |
| width: 180px; | |
| height: auto; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-container04 { | |
| flex: 0 0 auto; | |
| width: 180px; | |
| height: 144px; | |
| display: flex; | |
| padding-right: var(--dl-space-space-unit); | |
| flex-direction: column; | |
| } | |
| .home-text07 { | |
| height: var(--dl-size-size-small); | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: var(--dl-space-space-threeunits); | |
| margin-right: var(--dl-space-space-threeunits); | |
| } | |
| .home-textinput { | |
| width: 164px; | |
| height: 33px; | |
| padding-left: var(--dl-space-space-unit); | |
| } | |
| .home-container05 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: 144px; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-text08 { | |
| height: var(--dl-size-size-small); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: 0px; | |
| } | |
| .home-textinput1 { | |
| width: var(--dl-size-size-large); | |
| height: 33px; | |
| align-self: stretch; | |
| margin-left: var(--dl-space-space-halfunit); | |
| padding-left: 1rem; | |
| } | |
| .home-container06 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: 144px; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-text09 { | |
| height: var(--dl-size-size-small); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: 0px; | |
| } | |
| .home-textinput2 { | |
| width: var(--dl-size-size-large); | |
| height: 33px; | |
| align-self: stretch; | |
| margin-top: 0px; | |
| margin-left: var(--dl-space-space-halfunit); | |
| padding-left: 1rem; | |
| } | |
| .home-container07 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: auto; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-container08 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: 144px; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-text10 { | |
| height: var(--dl-size-size-small); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: var(--dl-space-space-halfunit); | |
| } | |
| .home-textinput3 { | |
| width: var(--dl-size-size-large); | |
| height: 33px; | |
| align-self: stretch; | |
| padding-left: var(--dl-space-space-halfunit); | |
| } | |
| .home-container09 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: 138px; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-text11 { | |
| height: var(--dl-size-size-small); | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: var(--dl-space-space-halfunit); | |
| } | |
| .home-textinput4 { | |
| width: var(--dl-size-size-large); | |
| height: 33px; | |
| margin-left: 0px; | |
| padding-left: 1rem; | |
| } | |
| .home-container10 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: 144px; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-text12 { | |
| height: var(--dl-size-size-small); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: 0px; | |
| padding-top: var(--dl-space-space-halfunit); | |
| } | |
| .result { | |
| height: var(--dl-size-size-small); | |
| align-self: center; | |
| margin-top: 20px; | |
| margin-left: 30px; | |
| padding-top: var(--dl-space-space-halfunit); | |
| } | |
| .home-textinput5 { | |
| width: var(--dl-size-size-large); | |
| height: 33px; | |
| align-self: stretch; | |
| margin-top: var(--dl-space-space-halfunit); | |
| padding-left: 1rem; | |
| } | |
| .home-container11 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: auto; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-container12 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: 144px; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-text13 { | |
| height: var(--dl-size-size-small); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: var(--dl-space-space-halfunit); | |
| } | |
| .home-textinput6 { | |
| width: var(--dl-size-size-large); | |
| height: 33px; | |
| align-self: stretch; | |
| margin-left: var(--dl-space-space-halfunit); | |
| padding-left: 1rem; | |
| } | |
| .home-container13 { | |
| flex: 0 0 auto; | |
| width: auto; | |
| height: 144px; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .home-text14 { | |
| height: var(--dl-size-size-small); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-unit); | |
| margin-left: var(--dl-space-space-halfunit); | |
| } | |
| .home-textinput7 { | |
| width: var(--dl-size-size-large); | |
| height: 33px; | |
| align-self: stretch; | |
| margin-left: var(--dl-space-space-halfunit); | |
| padding-left: 1rem; | |
| } | |
| .home-button { | |
| color: var(--dl-color-gray-white); | |
| width: var(--dl-size-size-large); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-twounits); | |
| background-color: var(--dl-color-danger-500); | |
| } | |
| .home-text15 { | |
| width: auto; | |
| text-align: center; | |
| } | |
| .home-button1 { | |
| color: var(--dl-color-gray-white); | |
| width: var(--dl-size-size-large); | |
| align-self: center; | |
| margin-top: var(--dl-space-space-oneandhalfunits); | |
| padding-right: 1rem; | |
| background-color: var(--dl-color-primary-100); | |
| } | |
| @media(max-width: 767px) { | |
| .home-navbar-interactive { | |
| padding-left: var(--dl-space-space-twounits); | |
| padding-right: var(--dl-space-space-twounits); | |
| } | |
| .home-btn-group { | |
| display: none; | |
| } | |
| .home-burger-menu { | |
| display: flex; | |
| } | |
| } | |
| @media(max-width: 479px) { | |
| .home-navbar-interactive { | |
| padding: var(--dl-space-space-unit); | |
| } | |
| .home-mobile-menu { | |
| padding: 16px; | |
| } | |
| } | |