/
home
/
obinna
/
html
/
cravings
/
public
/
css
/
Upload File
HOME
html { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } *, ::after, ::before { box-sizing: inherit } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } a:hover { color: #0056b3; text-decoration: underline } img { vertical-align: middle; border-style: none } [role=button], a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } .h1, h1 { font-size: 2.5rem } .h3, h3 { font-size: 1.75rem } .img-fluid { max-width: 100%; height: auto } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100% } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .form-control { display: block; width: 100%; padding: .5rem .75rem; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0 } .form-control::-webkit-input-placeholder { color: #868e96; opacity: 1 } .form-control::placeholder { color: #868e96; opacity: 1 } .form-control::-webkit-input-placeholder { color: #868e96; opacity: 1 } .form-control::placeholder { color: #868e96; opacity: 1 } .fade { opacity: 0; transition: opacity .15s linear } .fade.show { opacity: 1 } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus,.nav-link:hover { text-decoration: none } .nav-link.disabled { color: #868e96 } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #ddd } .nav-tabs .nav-link.disabled { color: #868e96; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #ddd #ddd #fff } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap } .navbar>.container, .navbar>.container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background: 0 0; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% } .navbar-expand-md { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-toggler { display: none } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=!string!xmlns=!string!%3E%3Cpath stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-miterlimit=!string!d=!string!/%3E%3C/svg%3E") } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125) } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .d-flex { display: -ms-flexbox !important; display: flex !important } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .align-items-center { -ms-flex-align: center !important; align-items: center !important } .text-center { text-align: center !important } @media (min-width: 1200px) { .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } } @media (min-width: 768px) { .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } } @media (min-width:576px) { .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .mb-2 { margin-bottom: .5rem!important; } .mb-4 { margin-bottom: 1.5rem!important; } .mr-1 { margin-right: .25rem!important; } @media (min-width: 576px) { .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .form-group { margin-bottom: 1rem; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .pb-3 { padding-bottom: 1rem!important; } .pt-2 { padding-top: .5rem!important; } .px-0 { padding-right: 0!important; padding-left: 0!important; } .w-100 { width: 100%!important; } .mr-1 { margin-right: .25rem!important; } .mb-0 { margin-bottom: 0!important; } .d-inline-block { display: inline-block!important; } figure { margin: 0 0 1rem; } .small, small { font-size: 80%; font-weight: 400; }