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; | |
} | |
} | |