body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000}a{text-decoration:none}.content{background-color:#000;display:flex;flex-direction:column;position:relative;top:104px}#content.blur{filter:blur(15px) opacity(.5)}.text-block-container{background-color:#fff;display:flex;width:100%}.text-block{color:#000;line-height:1.4;max-width:700px;padding:20px}.hendo-full-bike img{filter:brightness(.5) saturate(.01)}.masonry-grid{display:flex;width:auto}.masonry-grid_column{background-clip:padding-box}.image-container img{display:flex;width:100%}.barbies-container{display:flex;flex-direction:row}.barbies-container img.barbie{max-width:500px}@media screen and (max-width:768px){.barbies-container{flex-direction:column}}.bikes-container{display:flex;flex-direction:row}@media screen and (max-width:768px){.bikes-container{flex-direction:column}}.footer-text{color:#d9d9d9;font-family:Courier New,Courier,monospace;padding:2px 0;text-align:right}.footer-text a{color:#ccc8a4;font-family:"Helvetica, Arial, Lucida Grande",sans-serif;font-weight:400;text-decoration:none}.footer-text a:hover{background-color:#eba8a8;background-color:#ce563e}.footer-text-container{padding:20px 0 0;z-index:1}.footer-section{background-color:#000;background-color:#181818;color:#fff;font-size:10pt;justify-content:flex-end;text-align:right}.footer-container,.footer-section{display:flex;flex-direction:column}.footer-container{background-color:#7a7a7a;position:relative}.footer-logo{align-items:center;color:#61dafb;display:flex;flex-direction:row;font-size:9pt;justify-content:flex-end;padding:8px 130px 10px 0;text-align:left}.footer-img{margin:0 5px}.footer-ken{bottom:0;height:180px;position:absolute;right:0;transform:scaleX(-1);z-index:0}.footer-ken img{height:100%;opacity:.75}.footer-barbie{bottom:0;height:180px;left:10px;position:absolute}.footer-barbie img{display:inline-block;height:100%}.footer-text{padding-right:80px}.footer-text.copyright{margin-bottom:10px}.footer-text.address{padding-right:90px}.footer-text.phone{color:orange;font-weight:700;padding-right:100px}.footer-text.email{padding-right:110px}.footer-social{bottom:0;left:0;position:absolute}@media screen and (max-width:350px){.footer-logo{visibility:hidden}}.app-logo{animation:App-logo-spin 20s linear infinite;height:22px;width:19px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.full-image-container{display:flex;justify-content:flex-start;width:100%}.full-image-container img{height:auto;width:100%}.header{align-items:center;background-color:rgba(18,25,30,.933);display:flex;flex-direction:row;height:60px;padding-left:20px;position:fixed;top:0;width:100%;z-index:1}.logo-blue{content:url(https://s3-us-west-2.amazonaws.com/bikes-and-barbies/bandb-selected-blue.png);width:201px}.logo-blue:hover{content:url(https://s3-us-west-2.amazonaws.com/bikes-and-barbies/bandb-hover.png)}.nav-bar{align-items:center;background-color:rgba(56,56,56,.847);display:flex;flex-direction:row;height:44px;padding-left:20px;position:fixed;top:60px;transition:background-color .2s ease-in-out;width:100%;z-index:1}.nav-bar:hover{background-color:#000}.nav-bar a{border-top-left-radius:6px;border-top-right-radius:6px;color:gray;padding:8px;text-transform:capitalize}.nav-bar a.selected,.nav-bar a:hover{color:#fff}.nav-bar a.barbies:hover{color:rgba(255,192,203,.674)}.nav-bar a.about:hover{color:#3b584d}.nav-bar .nav-sub-item{border-top-left-radius:6px;border-top-right-radius:6px;color:gray;display:flex;padding:8px;text-transform:capitalize;width:100%}.nav-bar .nav-sub-item.selected,.nav-bar .nav-sub-item:hover{color:#fff;cursor:pointer}.nav-bar .nav-sub-items{align-items:flex-start;background-color:#000;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:44px;transition:all .2s ease-in-out;visibility:hidden}.nav-bar .nav-sub-items .nav-sub-item{display:none;padding:5px 30px}.nav-bar .nav-sub-items .nav-sub-item.visible{display:inline}.nav-bar .nav-sub-items.visible{padding:10px 0 30px;visibility:visible}.grid-content{grid-row-gap:10px;grid-column-gap:2%;display:grid;grid-auto-rows:1fr;grid-template-columns:100%;margin:20px}.bike-grid{margin:20px}@media(min-width:500px){.grid-content{grid-template-columns:49% 49%}}@media(min-width:750px){.grid-content{grid-template-columns:repeat(3,32%)}}@media(min-width:1000px){.grid-content{grid-template-columns:repeat(4,23.5%)}}@media(min-width:1250px){.grid-content{grid-template-columns:repeat(5,18.4%)}}@media(min-width:1500px){.grid-content{grid-template-columns:repeat(6,15%)}}@media(min-width:1750px){.grid{grid-template-columns:repeat(7,12.6%)}}.thumbnail-container{background-repeat:no-repeat;background-size:cover;border:1px solid gray;border-radius:20px;color:#c7c7c7;filter:grayscale(100%);min-height:200px;min-width:200px;overflow:hidden;text-transform:capitalize;transition:filter 1s ease-in-out .1s}.thumbnail-container .content{background-color:#000000b3;height:100%;left:0;position:relative;top:0;transition:background-color .1s ease-in-out;width:100%}.thumbnail-container .content h3{font-size:48px;font-weight:400;margin:10px 20px;text-transform:capitalize}.thumbnail-container .content p{font-size:14px;font-style:italic;margin:0 20px}.thumbnail-container.link{cursor:pointer}.thumbnail-container.link:hover{color:#fff;filter:grayscale(0)}.thumbnail-container.link:hover .content{background-color:#0006;transition:background-color .1s ease-in-out,color .1s ease-in-out}.painting{align-self:center;background-color:#111;margin:20px;position:relative;text-align:left;width:calc(100% - 40px)}.painting .description{align-items:center;background-color:#d3d3d3;background-color:#000;color:#dedede;display:flex;flex-direction:column;padding:20px 0}.painting .description.left{align-items:flex-start}.painting .slide{align-items:start;color:#fff;display:flex;flex-direction:column}.painting .typewritten{color:#fff}.painting h1{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(24px,5vw,36px);font-style:normal;font-weight:400;line-height:.9;margin:20px 0 0;text-transform:capitalize}.painting ul{color:#000;font-family:Courier New,Courier,monospace;font-size:clamp(16px,2vw,20px);font-style:normal;list-style-type:none;margin:.5rem 0 0}.painting ul li{display:inline}.painting ul li:not(:last-child):after{content:"•";padding:5px}.painting .image-container{align-items:flex-start;display:flex;flex-direction:column;height:70vh;justify-content:flex-start;max-width:80vw;position:relative;width:auto}.painting .kodak{border-radius:10px;bottom:0;position:absolute;right:-12%;transform:rotate(-90deg);width:8%}.painting .image-shadow{border-radius:5px;box-shadow:inset 0 0 10px #000000e6;height:100%;left:0;position:absolute;top:0;width:100%}.painting img{align-self:flex-start;border-radius:5px;height:calc(100% - 40px);margin:20px;max-width:calc(100% - 40px);object-fit:contain;width:auto}.painting p{line-height:1.4;margin-top:10px}.bike{align-items:center;display:flex;flex-direction:column;justify-content:center}.bike .bike-banner{display:flex;height:auto;max-width:2048px;width:100%}.bike .photos{grid-row-gap:10px;grid-column-gap:10px;align-items:center;background-color:#111;column-gap:10px;display:grid;justify-content:center;margin:20px;max-width:2048px;padding:20px;position:relative;row-gap:10px}.bike .photos .note,.bike .photos img{width:100%}.bike .photos img:not(.zoomed-image){aspect-ratio:1/1;height:auto;object-fit:cover;width:100%}.bike .photos .note{display:flex;justify-content:flex-start}.bike .photos .note p{color:gray;font-size:14px;line-height:1.4;padding:0 20px;text-align:left}.bike .photos .note p:before{content:"▲ "}.bike-thumb{cursor:zoom-in}@media(min-width:500px){.photos{grid-template-columns:repeat(4,1fr)}}@media(min-width:750px){.photos{grid-template-columns:repeat(5,1fr)}}@media(min-width:1000px){.photos{grid-template-columns:repeat(6,1fr)}}@media(min-width:1250px){.photos{grid-template-columns:repeat(7,1fr)}}@media(min-width:1500px){.photos{grid-template-columns:repeat(8,1fr)}}@media(min-width:1750px){.photos{grid-template-columns:repeat(9,1fr)}}.wahoo{color:#fff;display:flex;flex-direction:column;justify-content:flex-start;margin:20px;padding:20px}.wahoo label{margin-right:20px;min-width:100px;text-align:right}.wahoo input{min-width:300px}.wahoo .form-element{display:flex;flex-direction:row}.wahoo .form-element:not(:last-child){margin-bottom:20px}.wahoo a{align-items:center;background-color:#4b90b2;border:none;color:#fff;display:flex;font-size:18px;height:44px;justify-content:center;text-transform:uppercase;width:200px}.wahoo a:hover{background-color:#3b7a9e;cursor:pointer}.workouts{background-color:#fff;display:flex;flex-direction:column;padding:20px}.workouts h1,.workouts header{margin-bottom:20px}.workouts select:focus{box-shadow:0 0 0 5px #159ce466;outline:none}.workouts .workouts-content{display:flex;flex-direction:row}.workouts .workouts-content .workout-list{width:75%}@media screen and (max-width:750px){.workouts .workouts-content .workout-list{width:100%}}.workouts .workouts-content .workout-list table{border:1px solid #f5f5f5;border-collapse:collapse;font-family:sans-serif;font-size:.8rem;letter-spacing:1px}.workouts .workouts-content .workout-list table tr td{padding:10px 0 10px 20px}.workouts .workouts-content .workout-list table tr td:last-child{padding-right:20px}.workouts .workouts-content .workout-list table tr td.created-at{text-align:right}.workouts .workouts-content .workout-graph{position:relative;width:50%}@media screen and (max-width:750px){.workouts .workouts-content .workout-graph{width:100%}}.workouts .paginate-container{align-items:flex-start;display:flex;justify-content:flex-start;margin-top:25px}.workouts .paginate-container .pagination{display:table;list-style-type:none;padding:0;text-align:center}.workouts .paginate-container .pagination li{color:#31aae3;display:table-cell;float:left;overflow:hidden;text-align:center}.workouts .paginate-container .pagination li a{border:1px solid #31aae3;color:#31aae3;display:block;font-size:14px;line-height:24px;overflow:hidden;text-align:center;text-decoration:none!important;transition:color .26s ease-in-out,background .26s ease-in-out,border-color .26s ease-in-out;-webkit-user-select:none;user-select:none;width:44px}.workouts .paginate-container .pagination li a[class*=icon]{font-size:18px;line-height:40px}.workouts .paginate-container .pagination li:not(.paginator_active) a:hover{border-color:#afe1f8;outline:none}.workouts .paginate-container .pagination li:first-child a,.workouts .paginate-container .pagination li:last-child a{border-color:#0000}.workouts .paginate-container .pagination li.paginator_active a{background:#31aae3;color:#fff}.workouts .paginate-container .pagination li.next.disabled a,.workouts .paginate-container .pagination li.previous.disabled a{cursor:default;visibility:hidden}.abouts{align-items:center;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;font-size:1.2em}.abouts .abouts-section{margin-bottom:50px;max-width:1024px}.abouts p{color:#fff;margin:20px}.abouts a{color:#7ab3dc;font-weight:700;text-decoration:none}.abouts a:visited{color:#ad7fb3}.abouts .about-section{align-items:center;background-color:#000;display:flex;flex-direction:row}.abouts .about-section .about-image{display:flex;flex-shrink:0;justify-content:center;margin:20px;width:100px}.abouts .about-section .about-image img{width:100%}.abouts .hand-built{display:flex;justify-content:center}.abouts .hand-built .image-container{background-color:#253d3f;display:flex;justify-content:center;margin:0;padding:0}.abouts .hand-built img{height:auto;margin:0;padding:0;width:84px}.work{background-color:#000}.work .work-body{margin:0 auto;max-width:1024px}.work .work-body img,.work .work-body video{width:100%}.work .work-body p{color:#d6d6d6;font-family:Helvetica,Arial,sans-serif;font-size:10px;padding:10px 0 0}.work .work-header{align-items:center;background-color:#141b1b;color:gray;display:flex;justify-content:center}.work .work-header .work-header_text-container{align-items:center;display:flex;justify-content:space-between;width:100%}.work .work-header h1{display:inline;font-size:18px;margin-right:10px;padding:10px 20px}.work .work-header h1:after{content:" ↓"}.work .work-header h2{display:inline;font-size:12px;font-style:normal;padding:10px 20px;text-align:right}.work-container{padding-bottom:10px}.image-container{margin:0;position:relative}.image-container .work-link{align-items:center;background-color:#000;border-radius:5px;bottom:10px;color:#fff;display:flex;flex-direction:row;height:44px;justify-content:flex-end;opacity:.6;padding:3px;position:absolute;right:10px}.image-container .work-link .read-more{padding:5px}.image-container .work-link .read-more:after{border:2px solid #fff;border-radius:50%;content:"read_more";font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;margin-left:10px;padding:5px;vertical-align:middle}.poster-container{position:relative}.poster-container:before{color:#fff;content:"play_circle_outline";font-family:Material Icons;font-size:100px;font-style:normal;font-weight:400;left:50%;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.work-text{padding-bottom:10px}@media(max-width:1024px){.work .work-body p{padding:10px 20px 0}}@media(min-width:1024px){.work .work-header .work-header_text-container{max-width:1024px}.work .work-header .work-header_text-container h1,.work .work-header .work-header_text-container h2{padding:10px 0}}.work-in-progress{background-color:gray}.work-in-progress_header{background:linear-gradient(#6b6b6b,#adadad);color:#000;font-size:42px;font-style:italic;letter-spacing:-4px;line-height:.75;padding:75px 20px 0;text-transform:capitalize}.workout{cursor:pointer}.workout:nth-child(odd){background-color:#f5f5f5}.workout-summary{background-color:#fff;padding:20px}.user{align-items:flex-end;display:flex;flex-direction:column;font-size:14px;margin-bottom:20px;width:300px}@media screen and (max-width:750px){.user{display:none}}.strength-progress{background-color:#fff}.strength-progress .strength{height:calc(100vh - 106px);margin:auto;position:relative;width:80vw}.strength-workouts{background-color:#fff;padding:20px}.strength-workouts .strength-workouts-workout{padding:10px}.strength-workouts .strength-workouts-workout:nth-child(odd){background-color:#f2f2f2}.strength-workout-sets{margin-top:20px}.strength-workout-sets td{padding:0 3px;text-align:right}.strength-workout-sets .td-first{padding-left:20px}.strength-workout-sets .td-last{padding-right:20px}.strength-workout-sets th{background:#000;border-radius:15px;color:#fff;margin-bottom:20px;padding:3px 8px;text-align:center}.strength-workout-sets th.squats{background:#d25959}.strength-workout-sets th.bench{background:#3838e8}.strength-workout-sets th.press{background:orange;color:#000}.strength-workouts-date{cursor:pointer;font-size:20px;font-style:italic;font-weight:700}.zoomed-overlay{align-items:center;background-color:#000000d9;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.zoomed-overlay .next-button,.zoomed-overlay .prev-button{align-items:center;background-color:#00000080;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:10px;width:32px;z-index:1001}.zoomed-overlay .next-button.disabled,.zoomed-overlay .prev-button.disabled{cursor:not-allowed;opacity:.5}.zoomed-overlay .next-button,.zoomed-overlay .prev-button{margin:20px}.zoomed-image-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw}.zoomed-image-container p.note{color:#fff;font-size:14px;line-height:1.4;margin-top:10px;max-width:none!important;padding:0 20px;text-align:left;width:auto!important}.zoomed-image-container p.note:before{content:"▲";margin-right:5px}.zoomed-image{cursor:zoom-out;max-height:90%;object-fit:contain}
/*# sourceMappingURL=main.08c19844.css.map*/