*{box-sizing:border-box}:root{--main-light-color:#fff;--second-light-color:#dbd9d9;--main-dark-color:#293241;--second-dark-color:#3d5a80;--hl-color-1:#fdd74c;--hl-color-2:#35bbef;--hl-color-3:#ee6c4d;--z-splash-screen:3;--z-header:2;--z-title:1;--z-main:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--main-light-color);color:var(--main-dark-color);font-family:Open Sans,sans-serif;margin:0}.secondary-font{font-family:source-sans-pro,sans-serif}html{font-size:18px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background-color:var(--hl-color-1);border:none;color:var(--main-dark-color);cursor:pointer;display:inline-block;font-size:1rem;padding:.5rem;text-align:center;text-decoration:none}button,input{border-radius:1rem;width:300px}input{background-color:var(--main-light-color);height:30px;padding:5px}a,h2,h3,h4,h5,h6,p,ul{margin:.5rem 0}ul{list-style-type:none;padding:0}a{color:var(--hl-color-2);text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a:hover{color:var(--second-dark-color)}.secondary-link-style{background-color:var(--hl-color-3);border-radius:1rem;color:var(--main-light-color);font-weight:700;padding:.5rem;text-align:center;transition:all .2s ease-in-out}.error-text{color:red;font-weight:700}.secondary-link-style:hover{color:var(--main-light-color);transform:scale(1.02)}.page-content{padding:1rem;width:100%}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.underline{text-decoration:underline;-webkit-text-decoration-color:var(--hl-color-2);text-decoration-color:var(--hl-color-2)}.underline:hover{-webkit-text-decoration-color:var(--main-dark-color);text-decoration-color:var(--main-dark-color)}.fade-in{animation-delay:1s;animation-duration:3s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:fadein;opacity:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.fade-out{animation-duration:3s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:fadeOut;opacity:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app{min-height:500px;min-width:300px;position:relative}.app,header{align-items:center;display:flex;flex-direction:column}header{background-color:var(--main-light-color);border-bottom:1px solid var(--second-light-color);justify-content:center;padding-top:15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:var(--z-header)}header h1{text-align:center;width:100%}nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}nav ul{justify-content:center}nav li{margin:0 10px}main{display:flex;flex-direction:column;flex-wrap:wrap;max-width:800px;position:relative;width:100%;z-index:var(--z-main)}.app .test-div{background-color:#d3d3d3;height:1000px;padding:20px;width:calc(100% - 40px)}@keyframes example{0%{top:100vh}to{top:0}}.splash-screen{background-color:var(--second-light-color);height:100vh;min-width:300px;position:fixed;width:100vw;z-index:var(--z-splash-screen)}.splash-screen-content{align-items:center;animation-duration:2s;animation-name:example;background-color:var(--main-light-color);height:100vh;justify-content:center;position:absolute;width:100vw}.splash-screen h1{margin:0;text-align:center;width:100%}.work-page{min-height:calc(100vh - 95px)}.tile{background-color:var(--second-light-color);border-bottom:1px solid var(--second-light-color);height:66.66667vw;overflow:hidden;width:100%}.tile-title{background:var(--main-light-color);color:var(--main-dark-color);margin:0;padding-left:1rem;position:absolute;top:0;transition:all .2s ease-in-out;width:100%}@media only screen and (min-width:800px){.tile{height:533.33333px}}@media only screen and (max-width:310px){.tile{height:180px}}.tile-title:hover{transform:scale(1.02)}.tile a:hover{color:inherit}.content{height:100%;position:relative}.content,.content>picture,.content>picture>img{width:100%}.content>picture{display:flex;height:100%}.content>picture>img{margin-top:37px}.content>video{height:100%}.about-page{align-items:center;display:flex;flex-direction:column}.about-page img{border-radius:1rem;width:100%}.about-page .links{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;min-width:240px;padding:1rem;width:50%}.about-page .links a{width:100%}.about-page .section-even{border:1px solid var(--hl-color-2);border-radius:1rem;margin-bottom:1rem;min-width:240px;padding:1rem;width:50%}.about-page .section-odd{background-color:var(--hl-color-1);border-radius:1rem;margin-bottom:1rem;padding:1rem}.about-page .section-odd p{text-align:center}@media only screen and (max-width:500px){.about-page .section-even{width:100%}}.contact-page,.contact-page .section-even{align-items:center;display:flex;flex-direction:column}.contact-page .section-even{border:1px solid var(--hl-color-2);border-radius:1rem;padding:1rem;width:100%}.contact-page .section-even a{width:300px}.music-page section{align-items:center;margin-bottom:1rem;padding:1rem}.music-page h2,.music-page h3,.music-page p{text-align:center}.music-page section a{display:flex;justify-content:center}.music-page p a{color:var(--hl-color-2);display:initial;margin:0}.music-page .section-odd{background-color:var(--hl-color-1);border-radius:1rem}.music-page .section-even{border:1px solid var(--hl-color-2);border-radius:1rem}.music-page .content-area iframe{height:calc(66.66667vw - 3.33333rem);max-height:466.66667px;max-width:700px;min-height:160px;min-width:240px;width:calc(100vw - 5rem)}.music-page .content-area img{width:50%}.web-dev-page section{align-items:center;margin-bottom:1rem;padding:1rem}.web-dev-page h2,.web-dev-page h3,.web-dev-page p{text-align:center}.web-dev-page .secondary-link-style h3{margin:0}.web-dev-page .section-odd{background-color:var(--hl-color-1);border-radius:1rem}.web-dev-page .section-even{border:1px solid var(--hl-color-2);border-radius:1rem}.web-dev-page .content-area img{width:100%}.web-dev-page .link-eque-button{margin:.5rem 0;width:auto}.web-dev-page .content-area iframe{height:calc(66.66667vw - 3.33333rem);max-height:466.66667px;max-width:700px;min-height:160px;min-width:240px;width:calc(100vw - 5rem)}.creative-page section{align-items:center;margin-bottom:1rem;padding:1rem}.creative-page h2,.creative-page h3,.creative-page p{text-align:center}.creative-page section a{display:flex;justify-content:center}.creative-page .section-odd{background-color:var(--hl-color-1);border-radius:1rem}.creative-page .section-even{border:1px solid var(--hl-color-2);border-radius:1rem}.creative-page .content-area img{width:100%}.blog-page{align-items:center;display:flex;flex-direction:column}.blog-page a{color:var(--main-dark-color);margin:0;width:100%}.blog-page a:hover{color:inherit}.blog-page section{align-items:center;display:flex;margin-bottom:1rem;padding:1rem;transition:all .2s ease-in-out;width:100%}.blog-page section:hover{transform:scale(1.02)}.blog-page section .text-area{flex:1 1}.blog-page .highlighted-blog{border:1px solid var(--hl-color-2);border-radius:1rem}.blog-page .highlighted-blog img{max-width:50%;min-width:50%;width:33vw}.blog-page .section-odd{background-color:var(--hl-color-1);border-radius:1rem}.blog-page .section-even{border:1px solid var(--hl-color-2);border-radius:1rem}.blog-page .section-even img,.blog-page .section-odd img{height:100px}@media only screen and (max-width:500px){.blog-page h2,.blog-page h3,.blog-page p{text-align:center}.blog-page section{flex-direction:column}.blog-page .highlighted-blog img{max-width:100%;width:auto}}.blog-post-page{align-items:center;display:flex;flex-direction:column;padding:1rem;width:100%}.blog-post-content *{margin-bottom:1rem}.blog-post-content .img-container .img,.blog-post-content .important-info *{margin-bottom:0}.blog-post-page h2,.blog-post-page h3{text-align:center}.blog-post-page .blog-post-content{border:1px solid var(--hl-color-2);border-radius:1rem;padding:1rem;width:100%}.blog-post-page .blog-image{margin:1rem 0;max-height:510px;max-width:100%}.blog-post-page .prerequisites{background-color:var(--hl-color-1);border-radius:1rem;padding:1rem}.blog-post-page .important-info{background-color:var(--second-dark-color);color:var(--second-light-color);display:flex;padding:1rem}.blog-post-page .important-info .icon-container{align-items:center;display:flex;padding-right:1rem}.blog-post-page .important-info .icon{width:20px}.blog-post-page a{margin-right:3px}.blog-post-page .prerequisites ul{list-style-type:inherit;margin-bottom:0;margin-left:1rem}.blog-post-page .steps{width:100%}.blog-post-page .step{border-top:1px solid var(--hl-color-2);margin-top:1rem}.blog-post-page .step h4{color:var(--second-dark-color)}.blog-post-page .step-body{margin:0 1rem}.blog-post-page code{background-color:var(--main-dark-color);color:var(--hl-color-3);display:block;overflow:auto;padding:1rem;width:100%}.blog-post-page .img-container{display:flex;justify-content:center;width:100%}.blog-post-page .img-container img{border:1px solid var(--hl-color-2);border-radius:1rem;max-height:450px;max-width:100%;padding:1rem}.blog-post-page .prerequisites li{margin-bottom:0}.sign-in .form-input,.sign-in button{margin-top:10px}.sign-in label{display:inline-block;width:100px}.sign-in input{margin-left:10px}.blog-editor{border:1px solid var(--hl-color-2);display:flex;flex-direction:column;height:100%;max-width:800px;min-width:300px;width:100%}.blog-editor,.blog-editor form{border-radius:1rem;margin-bottom:1rem;padding:1rem}.blog-editor form{background-color:var(--second-light-color)}.blog-editor .center{display:flex;flex-direction:row;justify-content:center}.blog-editor button{margin:10px}.blog-editor #raw-blog-text{margin:initial;padding:initial;width:100%}.blog-editor .input-field{display:flex;padding:1rem;width:100%}.blog-editor .input-field label{padding-right:1rem;text-align:right;width:200px}.blog-editor .input-field input,.blog-editor .input-field textarea{flex:1 1;padding:.5rem}.blog-editor .preview-JSX-container{border:1px solid var(--hl-color-2);border-radius:1rem;padding:1rem;width:100%}.blog-editor .preview-JSX-container *{margin-bottom:1rem}.blog-editor .preview-JSX-container .img-container img,.blog-editor .preview-JSX-container .important-info *{margin-bottom:0}.blog-editor .preview-JSX-container h2,.blog-editor .preview-JSX-container h3{text-align:center}.blog-editor .preview-JSX-container .blog-post-content{border:1px solid var(--hl-color-2);border-radius:1rem;padding:1rem;width:100%}.blog-editor .preview-JSX-container .blog-image{margin:1rem 0;max-height:510px;max-width:100%}.blog-editor .preview-JSX-container .prerequisites{background-color:var(--hl-color-1);border-radius:1rem;padding:1rem}.blog-editor .preview-JSX-container .important-info{background-color:var(--second-dark-color);color:var(--second-light-color);display:flex;padding:1rem}.blog-editor .preview-JSX-container .important-info .icon-container{align-items:center;display:flex;padding-right:1rem}.blog-editor .preview-JSX-container .important-info .icon{width:20px}.blog-editor .preview-JSX-container a{margin-right:3px}.blog-editor .preview-JSX-container .prerequisites ul{list-style-type:inherit;margin-bottom:0;margin-left:1rem}.blog-editor .preview-JSX-container .steps{width:100%}.blog-editor .preview-JSX-container .step{border-top:1px solid var(--hl-color-2);margin-top:1rem}.blog-editor .preview-JSX-container .step h4{color:var(--second-dark-color)}.blog-editor .preview-JSX-container .step-body{margin:0 1rem}.blog-editor .preview-JSX-container code{background-color:var(--main-dark-color);color:var(--hl-color-3);display:block;overflow:auto;padding:1rem;width:100%}.blog-editor .preview-JSX-container .img-container{display:flex;justify-content:center;width:100%}.blog-editor .preview-JSX-container .img-container img{border:1px solid var(--hl-color-2);border-radius:1rem;max-height:450px;max-width:100%;padding:1rem}.blog-editor .preview-JSX-container .prerequisites li{margin-bottom:0}.bike-page{align-items:center;display:flex;flex-direction:column}.bike-page h2,.bike-page h3,.bike-page p{text-align:center}.bike-page .section-even{border:1px solid var(--hl-color-2);min-width:240px;width:50%}.bike-page .section-even,.bike-page .section-odd{border-radius:1rem;margin-bottom:1rem;padding:1rem}.bike-page .section-odd{background-color:var(--hl-color-1)}.bike-page .bike-lindsay-img{width:100%}.bike-page .route-link{background-color:var(--hl-color-3);border-radius:1rem;color:var(--main-light-color);font-weight:700;margin:20px 0;padding:initial;text-align:center;transition:all .2s ease-in-out}.bike-page .route-link:hover{transform:scale(1.02)}.bike-page .route-link a{color:var(--main-light-color);display:inline-block;margin:initial;padding:.5rem;width:100%}.bike-page .links{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;min-width:240px;padding:1rem;width:100%}.bike-page .secondary-link-style{width:100%}.bike-page .div-row{display:flex;flex-direction:row;justify-content:space-around;width:100%}.bike-page .div-row .secondary-link-style{background-color:var(--second-dark-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bike-page #playlists a{background-color:var(--second-dark-color)}.bike-page .ig-video{min-width:240px;width:50%}.bike-page .ig-video video{width:100%}.bike-routes-page{align-items:center;display:flex;flex-direction:column}.bike-routes-page section{align-items:center;display:flex;margin-bottom:1rem;padding:1rem;transition:all .2s ease-in-out;width:100%}.bike-routes-page .section-odd{border:1px solid var(--hl-color-2);border-radius:1rem}.bike-routes-page .section-even{background-color:var(--hl-color-1);border-radius:1rem}.bike-routes-page a{color:var(--main-dark-color);margin:0;width:100%}.bike-routes-page .text-area{flex:1 1}.bike-routes-page .section-even img,.bike-routes-page .section-odd img{width:250px}@media only screen and (max-width:500px){.bike-routes-page section{flex-direction:column}.bike-routes-page h2,.bike-routes-page h3,.bike-routes-page p{text-align:center}}.under-page{margin:0 auto;max-width:900px;text-align:center}.uc-hero{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem}.uc-icon{animation:bounce 2s infinite;font-size:6rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}@media (max-width:600px){.uc-icon{font-size:4rem}.under-page{padding:1rem}}
/*# sourceMappingURL=main.36c54310.css.map*/