:root{font-family:Roboto Mono,monospace;box-sizing:border-box;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%}a{font-weight:500;text-decoration:none}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{min-height:100vh;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;--border: 5px solid black;--border-color: black;--accent-color: rgb(104, 147, 176)}.hero-img{max-width:40rem}.hero-text{padding:2rem;border-top:var(--border);font-size:1.5rem}nav{width:100%;justify-content:space-between;height:5rem;display:flex;gap:2rem;place-items:center;margin-bottom:2rem;border:var(--border)}nav a{padding:1rem 3rem;margin:1rem}nav a.active{outline:var(--border);background-color:#6893b0;box-shadow:.5rem .5rem #000}nav a:hover{outline:var(--border);box-shadow:.5rem .5rem #000}.nav-socials a{outline:var(--border);margin-right:3rem}.nav-socials a:hover{background-color:var(--accent-color)}#home,#bikes,#work{text-align:left}.container{border:var(--border);box-shadow:.75rem .75rem #000}#home .container{padding:2rem}.bike-tabs{border-bottom:var(--border);display:flex}.bike-tabs button{outline:var(--border);font-size:1rem;width:100%;padding:1.5rem;font-weight:700;text-transform:uppercase;border:none;cursor:pointer}.bike-tabs button.active{background-color:var(--accent-color)}.image-display{display:flex;flex-direction:column;border:var(--border)}.hero-image-container{display:flex;flex-direction:row}.display-title{background-color:var(--accent-color);color:#fff;padding:.5rem;font-weight:700;text-transform:uppercase}.image-display img{border-left:none;border-right:none;border-top:var(--border);border-bottom:none}#home .image-display img{border-right:var(--border)}.display-controls{border-top:var(--border);display:flex;justify-content:space-between}.display-controls button{height:3rem;width:4rem;font-size:1.5rem;font-weight:700;background-color:var(--accent-color);border:none;cursor:pointer}.display-controls .button-left{border-right:var(--border)}.display-controls .button-right{border-left:var(--border)}.display-indicators{width:100%;display:flex;list-style:none;justify-content:space-evenly;padding:0;margin:0}.display-indicators li{width:100%}.display-indicators li.active{z-index:1;outline:var(--border);background-color:var(--accent-color)}.card{text-align:left;padding:2rem}.bike-details{margin-top:3rem;margin-bottom:3rem}.bike-components h3{text-transform:uppercase}.bike-components ul{text-align:left;list-style:none;padding:0;border:var(--border)}.bike-components table{width:100%;border-bottom:var(--border)}.bike-components table.table-last{border-bottom:none}.bike-components .td-strong{width:50%;min-width:10rem}.cv-button{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;font-weight:700;background-color:var(--accent-color);border:none;cursor:pointer;border:var(--border);box-shadow:.75rem .75rem #000}
