* { margin: 0; padding: 0; text-decoration: none; } @font-face{ font-family: os; src: url(../fonts/ops.ttf); } @font-face{ font-family: osl; src: url(../fonts/opsl.ttf); } body { background: #FFFFFF; max-width: 900px; margin-left: auto; margin-right: auto; font-family: os; } ::placeholder { color: #aaaaaa; } .page { background-color: white; } .navbar { background-color: white; height: 55px; } .logon-crumbs { padding-top: 10px; padding-bottom: 10px; } .logon-crumbs input { /*display: inline-flex;*/ border: 0.5px solid #979797; float: left; position: relative; height: 34px; width: 160px; padding-left: 10px; margin-right: 20px; /*border: none;*/ font-family: osl; font-size: 17px; box-shadow: 0px 2px 3px #A5A5A5; } .logon-crumbs button { float: left; position: relative; border: none; height: 35px; width: 35px; margin-right: 20px; } .btn-login { background-color: #3D10FF; font-size: 30px; color: white; box-shadow: 0px 2px 3px #A5A5A5; } .btn-g-login { background-color: #cacaca; border-radius: 5px; } .img-g-login { height: 35px; width: 35px; } .user-info { float: right; position: relative; display: inline-flex; bottom: 10%; font-family: osl } .notifications { padding-right: 15px; color: #898989; } .cart { color: #898989; } .sbar { height: 55px; padding-top: 10px; padding-bottom: 10px; } .sbar img { position: relative; height: 35px; float: left; padding-left: 7%; padding-right: 20px; /*left: 5%;*/ } .sbar input { border: 0.5px solid black; display: inline-flex; position: relative; float: left; height: 34px; width: 400px; padding-left: 10px; font-family: osl; font-size: 17px; box-shadow: 0px 3px 4px #A5A5A5; /*position: absolute; left: 50%; transform: translate(-50%, 0);*/ } .sbar button { position: relative; float: left; background-color: #5359FF; border: none; box-shadow: 0px 2px 3px #A5A5A5; color: #C4C4C4; height: 35px; width: 100px; margin-left: 20px; font-size: 20px; font-family: osl; } .sbar p { position: relative; float: left; color: #7F7F7F; font-family: osl; font-size: 15px margin-left: 50px; }