body{margin:0;padding:0}a img{vertical-align:middle;height:100%}html{height:100vh;overflow:hidden}.navbar{font-family:"Google Sans Code",monospace;font-weight:600;z-index:100;position:fixed;top:0;width:100%;background-color:#333;display:flex;align-items:center;padding:10px 0;height:50px}.navbar .menu a{width:7.975%;height:47.6px}.navbar a{box-sizing:content-box;color:white;text-decoration:none;padding:5px 0.7%;transition:0.3s;transition-property:border-radius,background-color;display:flex;align-items:center;justify-content:center;border-radius:10px;text-align:center}.navbar .menu a{height:37.6px}.navbar a:hover{background-color:#575757;border-radius:25px}.navbar .logout{background-color:#ff4d4d!important}.navbar .logout:hover{background-color:#cc0000!important}.navbar .szary{background-color:#a5a5a5;border-radius:5px;margin-right:1px;height:37.6px;padding:5px!important}.navbar .szary:hover{background-color:#d2d2d2}.modal{position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);display:none}.modal-content{background-color:#fff;margin:calc(50vh - 150px) auto;padding:20px;width:300px;height:300px;border-radius:10px;text-align:center}#infoModal p{margin:50% auto}.close{float:right;font-size:20px;cursor:pointer}#home{display:flex;right:0;position:absolute;justify-content:end}#home.slepota1{width:28em}#home.slepota2{width:23em}#home.slepota3{width:17em}#home a:not(.jeden){padding:0 5%!important;width:calc(40% - 39.6px);height:47.6px}.navbar *{flex-shrink:0}.menu{width:calc(95vw - 17em);display:flex;align-items:center}.jeden{height:27.6px;width:27.6px;padding:5px!important}.cart-btn{position:relative}.cart-count{position:absolute;top:-6px;right:-6px;background:red;color:white;font-size:10px;border-radius:50%;padding:2px 5px}.navbar #home img{width:100%}