@import"https://fonts.googleapis.com/css2?family=Secular+One&display=swap";:root{--h1-font-size: 4rem;--sidelinks-link-radius: min(10vw, 50px)}body{background-color:var(--light-blue);width:100%;height:100%;min-height:-webkit-fill-available;margin:0;padding:0}html{height:100vh;min-height:-webkit-fill-available}main{position:fixed;word-wrap:break-word;overflow-y:scroll}#cycling-roles{font-size:2rem}div.main-picture-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:calc(var(--h1-font-size) * .67 / 2)}@media only screen and (min-width: 600px){:root{--circle-one-radius: min(20vw, calc(100vh / 3));--circle-two-radius: min(25vw, 50vh);--circle-three-radius: min(12.5vw, 20vh);--num-waves: 5;--wave-radius: calc(100vh / (var(--num-waves) * 2));--wave-content-width:10vw;--wave-width: calc(var(--wave-content-width) + var(--wave-radius));--full-wave-width: calc(var(--wave-width) + var(--wave-radius) * .5);--image-size: 250px}main{width:calc(100vw - var(--full-wave-width) - 20px);height:calc(100vh - var(--wave-radius) - 30px);margin-left:calc(var(--full-wave-width) + 10px);padding-right:10px;padding-bottom:30px}img.main-picture{width:var(--image-size);height:var(--image-size);border-radius:var(--image-size)}}@media only screen and (max-width: 600px){body,html{height:calc(100vh - var(--wave-radius))}:root{--circle-one-radius: min(20vh, calc(100vw / 3));--circle-two-radius: min(25vh, 50vw);--circle-three-radius: min(12.5vh, 20vw);--num-waves: 5;--wave-radius: calc(100vw / (var(--num-waves) * 2));--wave-content-width:12.5vh;--wave-width: calc(var(--wave-content-width) + var(--wave-radius));--full-wave-width: calc(var(--wave-width) + var(--wave-radius) * .5);--image-size: 250px}main{width:calc(100vw - 20px);height:calc(100vh - var(--full-wave-width) - var(--wave-radius) - 30px);margin-top:var(--full-wave-width);padding-left:10px;padding-right:10px;padding-bottom:30px}img.main-picture{width:var(--image-size);height:var(--image-size);border-radius:var(--image-size)}}@media only screen and (max-width: 500px){html{font-size:12px}}h1{font-size:var(--h1-font-size);margin-bottom:calc(var(--h1-font-size) * .67 / 2)}a.project-icon-link svg{height:1.5rem;width:1.5rem;fill:var(--main-orange)}a.project-icon-link:hover svg{fill:var(--main-pink)}:root{--light-blue: hsl(202, 61%, 70%);--main-orange: hsl(11, 87%, 53%);--main-blue: hsl(212, 87%, 48%);--main-pink: hsl(347, 77%, 73%)}*{font-family:Secular One,sans-serif}hr{background-color:#000;border-color:#000}*::selection{background:var(--main-pink);color:var(--main-blue)}a::selection{color:#000}a,a:visited{color:var(--main-orange)}a:hover,a:visited:hover{color:var(--main-pink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{display:none;width:10px}::-webkit-scrollbar-thumb{background:var(--main-orange);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--main-pink)}::-webkit-scrollbar-thumb:active{background:var(--main-pink)}::-webkit-scrollbar:horizontal{display:none}#bg-wave{position:fixed;background-color:var(--main-orange)}#bg-circle-one{position:fixed;background-color:var(--main-blue);width:calc(var(--circle-one-radius) * 2);height:calc(var(--circle-one-radius) * 2);border-radius:calc(var(--circle-one-radius) * 2)}#bg-circle-two{position:fixed;background-color:var(--main-blue);width:calc(var(--circle-two-radius) * 2);height:calc(var(--circle-two-radius) * 2);border-radius:calc(var(--circle-two-radius) * 2)}#bg-circle-three{position:fixed;background-color:var(--main-blue);width:calc(var(--circle-three-radius) * 2);height:calc(var(--circle-three-radius) * 2);border-radius:calc(var(--circle-three-radius) * 2)}@media only screen and (min-width: 600px){#bg-wave{width:var(--wave-width);height:calc(100vh - var(--wave-radius))}.bg-wave-circle{height:var(--wave-radius)}.colour{background-color:var(--main-orange);transform:translate(calc(var(--wave-width) - 2px));border-radius:0 var(--wave-radius) var(--wave-radius) 0;width:calc(var(--wave-radius) / 2);z-index:100}.no-colour{transform:translate(calc(var(--wave-width) - (var(--wave-radius) / 2) + 2px));width:calc(var(--wave-radius) / 2 + 1px);background-color:var(--light-blue);border-radius:var(--wave-radius) 0 0 var(--wave-radius)}#bg-circle-one{transform:translate(calc(50vw - var(--circle-one-radius)),calc(-1 * var(--circle-one-radius) / 4))}#bg-circle-two{transform:translate(calc(100vw - var(--circle-two-radius) * 1.5),calc(100vh - var(--circle-two-radius) * 1.2))}#bg-circle-three{transform:translate(30vw,80vh)}}@media only screen and (max-width: 600px){#bg-wave{display:flex;flex-direction:row;width:100vw;height:var(--wave-width)}.bg-wave-circle{width:var(--wave-radius)}.colour{background-color:var(--main-orange);transform:translateY(calc(var(--wave-width) - 2px));border-radius:0 0 var(--wave-radius) var(--wave-radius);height:calc(var(--wave-radius) / 2)}.no-colour{transform:translateY(calc(var(--wave-width) - (var(--wave-radius) / 2) + 2px));height:calc(var(--wave-radius) / 2);background-color:var(--light-blue);border-radius:var(--wave-radius) var(--wave-radius) 0 0}#bg-circle-one{transform:translate(calc(50px - var(--circle-one-radius)),30vh)}#bg-circle-two{transform:translate(calc(100vw - var(--circle-two-radius) * 1.5),calc(100vh - var(--circle-two-radius) * 1.2))}#bg-circle-three{transform:translate(80vw,30vh)}}.sidelinks-circle{display:block;width:var(--sidelinks-link-radius);height:var(--sidelinks-link-radius);padding:0;display:flex;justify-content:center;align-items:center;border-radius:40px;background-color:#000}a.sidelinks-circle svg{display:block;height:calc(var(--sidelinks-link-radius) / 2);width:calc(var(--sidelinks-link-radius) / 2);fill:var(--main-orange)}a.sidelinks-circle:hover svg{fill:var(--main-pink)}nav#sidelinks{position:fixed;display:flex;justify-content:center;align-items:center;row-gap:var(--sidelinks-link-radius);column-gap:var(--sidelinks-link-radius)}@media only screen and (min-width: 600px){nav#sidelinks{width:calc(var(--wave-content-width) + var(--wave-radius) * .5);height:calc(100vh - var(--wave-radius));flex-direction:column}}@media only screen and (max-width: 600px){nav#sidelinks{width:100vw;height:calc(var(--wave-content-width) + var(--wave-radius) * .5);flex-direction:row}}nav#navigation{width:100vw;height:var(--wave-radius);bottom:0;position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background-color:#000;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}a.navigation-link{padding:0;margin:0;height:calc(var(--wave-radius) - 5px);width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;color:var(--main-orange);text-align:center;text-decoration:none}a.navigation-link.current-page{color:var(--main-pink);border-bottom:var(--main-pink) 5px solid}