*{font-family:sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;height:100vh;width:100%}header{height:30vh}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1rem;-ms-flex:1rem;flex:1rem}aside,nav{padding-top:3rem;text-align:center;-webkit-box-flex:1;-ms-flex:1 1 1rem;flex:1 1 1rem}footer{background-color:#5c6f8b;height:200px}footer span{display:block;max-width:800px;color:white;white-space:pre-wrap;font-size:15px;float:left;padding:50px 0 10px 220px;margin-top:0}.bike img{position:absolute;display:block;text-align:left;background:gray;height:200px;width:210px;border-radius:0px 40%;opacity:0.8;padding:0 10px}article{background-color:white;text-align:left;-webkit-box-flex:9;-ms-flex:9;flex:9}nav{background-color:#111}nav .material-icons{font-size:36px}nav a{padding:15px 8px 6px 10px;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;color:#818181;display:-webkit-box;display:-ms-flexbox;display:flex}nav a:hover{color:#f1f1f1}aside{background-color:#111;color:#818181}aside .material-icons{font-size:36px;padding:20px}.ava{position:relative;width:100%;height:100%;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-preferred-size:100%;flex-basis:100%}.wrapper{max-width:100%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.row{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));grid-auto-rows:211px;grid-gap:25px;padding:35px}.box{position:relative;width:370px;display:-ms-grid;display:grid;border:1px solid gray;padding:5px;cursor:pointer}.box:hover{outline:2px solid gray}.box:hover .text{text-decoration:underline}.box .image{position:absolute;-o-object-fit:scale-down;object-fit:scale-down;-ms-grid-column-align:end;justify-self:end;top:0;margin-right:5px}.box .image img{width:230px;height:170px}.box .block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#ffffff;font-size:12px;line-height:12px;text-align:center;width:50px;height:50px;border-radius:50%}.box .block{background:#8d98b2}.box .yellow{background:#373821}.box .pr-br{padding-left:10px}.box .pr-br .brand,.box .pr-br .price{margin:7px}.box p{color:#ffbe17;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:21px;margin-top:0;margin-bottom:0}.box p.paragraph{color:#ffbe17}.box .text{color:#878787;width:160px;padding-left:0;text-align:center;font-size:14px;line-height:18px}.box pre{position:relative;color:#878787;text-align:start}.box .textcols{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:13px;border-top:1px dashed #ddd;color:#878787}.box .textcols .textcols-item{width:100%;text-align:center;height:15px;padding-left:15px;margin-top:5px}.box .textcols .textcols-item:not(:last-child){border-right:1px dashed #ddd}.box .price{color:#878787;position:relative;font-size:13px;width:41px;height:12px;line-height:15px}.box .brand{display:none;color:#878787;float:right;font-size:14px;height:15px;line-height:15px}.box .price:before{position:absolute;border-bottom:2px solid gray;content:"";width:100%;height:100%;-webkit-transform:rotate(25deg);transform:rotate(25deg)}.box.wide{border:1px solid gray;-ms-grid-column-span:1;grid-column:span 1;-ms-grid-row-span:2;grid-row:span 2}.box.wide:hover{outline:2px solid gray}.box.wide .image{position:absolute;-o-object-fit:contain;object-fit:contain;-ms-grid-column-align:center;justify-self:center;margin:0}.box.wide .image img{width:350px;height:250px}.box.wide .text{text-align:left;color:gray;border-top:1px dashed #ddd;width:100%;padding-left:10px}.box.wide p{color:#ff6666;height:25px;font-size:21px}.box.wide .pr-br{margin-top:230px}.box.wide pre{color:#878787}.box.wide .block{background:#c2642c;z-index:5}.box.wide .brand{font-size:13px}.container{margin:auto;border-radius:5px;background-color:#f2f2f2;padding:20px;width:800px}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}input[type=text]{background-color:#b7c9d1;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}input[type=text]:hover{background-color:#373821}.button-32{background-color:#fff000;border-radius:12px;color:#000;cursor:pointer;font-weight:bold;padding:10px 15px;text-align:center;-webkit-transition:200ms;transition:200ms;width:30%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;font-size:16px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.button-32:not(:disabled):focus,.button-32:not(:disabled):hover{outline:0;background:#f4e603;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,0.2),0 3px 8px 0 rgba(0,0,0,0.15);box-shadow:0 0 0 2px rgba(0,0,0,0.2),0 3px 8px 0 rgba(0,0,0,0.15)}.button-32:disabled{-webkit-filter:saturate(0.2) opacity(0.5);filter:saturate(0.2) opacity(0.5);cursor:not-allowed}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;background-color:#879aaf}.flex-container .flex-container>div{width:300px;text-align:center;line-height:75px;font-size:20px}@media (max-width:600px){main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:600px){.flex-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
/*# sourceMappingURL=style.css.map */