.colour-picker-container{position:fixed;top:100px;left:16px;z-index:1000}.colour-picker-button{width:32px;height:32px;padding:0;border:2px solid white;border-radius:50%;cursor:pointer;transition:transform .2s ease,background-color .4s ease}.colour-picker-button:hover{transform:scale(1.05)}.mobile-menu-button,.mobile-menu{display:none}@media(max-width:650px){.header{display:flex;justify-content:flex-start}.header .right-section{display:none!important}.mobile-menu-button{display:block;position:absolute;right:16px;top:24px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.mobile-menu{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background-color:var(--site-colour)}.mobile-menu-link{text-decoration:none;color:#fff;font-family:Raleway;font-size:24px;padding:16px;text-align:center}}.about-section{width:100%;scroll-margin-top:100px}.about-container{display:grid;grid-template-rows:auto;margin-top:124px;justify-content:center;width:100%}.about-title{font-family:Raleway;color:gray;font-size:26px;font-weight:700;text-align:center;max-width:500px;margin:0;transition:opacity .7s ease-in-out;opacity:1}.about-text{margin:0 0 48px;font-family:Raleway;font-size:36px;font-weight:bolder;color:#fff;text-align:center;max-width:500px;transition:opacity .7s ease-in-out;opacity:1}.about-text.is-loading,.about-title.is-loading{animation:slideUp 1s ease-out forwards}.about-text.is-hidden,.about-title.is-hidden{opacity:0}@media(max-width:750px){.about-text,.about-title{max-width:320px}}@media(min-width:1280px){.about-text,.about-title{max-width:720px}}.test{margin:0;font-family:Raleway;font-size:56px;color:#fff}.portfolio-section{width:100%;margin-top:124px;scroll-margin-top:100px}.portfolio-container{display:grid;grid-template-rows:1fr;justify-items:center;width:100%}.portfolio-title{font-family:Raleway;color:gray;font-size:26px;font-weight:700;text-align:center;max-width:500px;margin:0 auto 24px;transition:opacity .7s ease-in-out;opacity:1}.portfolio-title.is-loading,.xoxxly-project.is-loading{animation:slideUp 1s ease-out forwards}.portfolio-title.is-hidden,.xoxxly-project.is-hidden{opacity:0}@media(max-width:750px){.portfolio-title{max-width:320px}}@media(min-width:1280px){.portfolio-title{max-width:720px}}.portfolio-grid{display:grid;grid-template-rows:auto;max-width:1100px}@media(max-width:1300px){.portfolio-grid{max-width:950px}}@media(min-width:1450px){.portfolio-grid{max-width:1400px}}.xox-link-general{text-decoration:none}.xoxxly-project{display:grid;grid-template-columns:1fr 500px;rotate:0deg;opacity:1;transition:background-color .25s ease,border-radius .25s ease,transform .25s ease,box-shadow .25s ease,rotate .25s ease-in-out,opacity .7s ease-in-out;background-color:var(--site-colour);border:1px solid gray;border-radius:16px}@media(max-width:1300px){.xoxxly-project{grid-template-columns:1fr 500px}}@media(min-width:1450px){.xoxxly-project{grid-template-columns:1fr 800px}}.xoxxly-project:hover{background-color:#0006;transform:scale(1.03);box-shadow:0 8px 20px #0006;cursor:pointer;rotate:3deg}.xox-text-container{display:grid;grid-template-rows:72px 1fr;align-items:center}.xox-title{font-family:Raleway;font-size:36px;color:#fff;font-weight:700;margin:16px 0 0 16px;border-bottom:2px solid white}.xox-proj-desc{font-family:Raleway;font-size:22px;color:#424242;margin:0 0 0 16px}.xox-img-container{display:grid;grid-template-columns:1fr 1fr;border:2px solid gray;border-radius:12px;margin:16px}.xox-img-home{width:100%;border-top-left-radius:12px;display:block;transition:transform .25s ease;margin:0}.xox-img-home:hover{transform:scale(1.02)}.xox-img-news{width:100%;border-top-right-radius:12px;display:block;margin:0}.xox-img-news:hover{transform:scale(1.02)}.xox-img-socials{width:100%;border-bottom-left-radius:12px;display:block;margin:0}.xox-img-socials:hover{transform:scale(1.02)}.xox-img-about{width:100%;border-bottom-right-radius:12px;display:block;margin:0}.xox-img-about:hover{transform:scale(1.02)}@media(max-width:450px){.portfolio-grid{width:90vw;max-width:90vw}.xoxxly-project{grid-template-columns:1fr;width:90vw;box-sizing:border-box}.xox-text-container{grid-template-rows:auto auto}.xox-title{font-size:30px;margin-right:16px}.xox-proj-desc{font-size:18px;margin-right:16px;margin-bottom:16px}.xox-img-container{width:auto}}.projects-section{width:100%;margin-top:124px;scroll-margin-top:100px}.projects-container{display:grid;grid-template-rows:1fr;justify-items:center;width:100%}.projects-title{font-family:Raleway;color:gray;font-size:26px;font-weight:700;text-align:center;max-width:500px;margin:0 auto 24px;transition:opacity .7s ease-in-out;opacity:1}.projects-title.is-loading,.test-project.is-loading{animation:slideUp 1s ease-in-out forwards}.projects-title.is-hidden,.test-project.is-hidden{opacity:0}.projects-grid{display:grid;grid-template-rows:auto;width:min(1100px,90vw)}@media(min-width:1450px){.projects-grid{width:min(1400px,90vw)}}.test-project{width:100%;box-sizing:border-box;rotate:0deg;opacity:1;transition:background-color .25s ease,border-radius .25s ease,transform .25s ease,box-shadow .25s ease,rotate .25s ease-in-out,opacity .7s ease-in-out;background-color:var(--site-colour);border:1px solid gray;border-radius:16px;cursor:pointer}.test-project:hover{background-color:#0006;transform:scale(1.03);box-shadow:0 8px 20px #0006;rotate:-3deg;cursor:pointer}.test-text-container{display:grid;grid-template-rows:72px 1fr;align-items:center}.test-title{font-family:Raleway;font-size:36px;color:#fff;font-weight:700;margin:16px 0 0 16px;border-bottom:2px solid white}.test-proj-desc{font-family:Raleway;font-size:22px;color:#424242;margin:0 0 0 16px}.test-img-container{display:grid;grid-template-columns:1fr 1fr;border:2px solid gray;border-radius:12px;margin:16px;box-sizing:border-box;min-width:0}.test-project-clickable{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 500px;box-sizing:border-box}.project-img{width:100%}@media(min-width:1450px){.test-project-clickable{grid-template-columns:minmax(0,1fr) 800px}}@media(max-width:450px){.projects-grid{width:90vw;max-width:90vw}.test-project{width:100%}.test-project-clickable{width:100%;grid-template-columns:1fr}.test-text-container{grid-template-rows:auto auto;min-width:0}.test-title{font-size:30px;margin-right:16px}.test-proj-desc{font-size:18px;margin-right:16px;margin-bottom:16px}.test-img-container{width:auto;min-width:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:1000}.project-modal{position:relative;width:min(800px,80vw);max-height:85vh;overflow-y:auto;padding:40px;background:gray;border-radius:12px;box-sizing:border-box}.modal-close{position:absolute;top:15px;right:15px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;font-size:48px;color:#fff;font-family:Raleway;line-height:1;cursor:pointer}.modal-content h2{margin-top:0;margin-bottom:20px;font-family:Raleway;font-size:48px;color:#fff}.modal-description{line-height:1.6;font-family:Raleway;font-size:24px;color:#fff}.modal-image{display:block;width:100%;max-height:400px;object-fit:cover;margin-bottom:25px;border-radius:8px}.contact-section{width:100%;margin-top:124px;scroll-margin-top:100px}.contact-container{display:grid;grid-template-rows:1fr;justify-items:center;width:100%}.contact-title{font-family:Raleway;color:#fff;font-size:100px;font-weight:700;text-align:center;max-width:600px;margin:124px auto 24px;transition:opacity .7s ease-in-out;opacity:1;z-index:100}.contact-title.is-visible{animation:slideUp 1s ease-out forwards}.contact-title.is-hidden{opacity:0}@media(max-width:750px){.contact-title{max-width:600px}}@media(min-width:1280px){.contact-title{max-width:720px}}.colour-section{position:relative;overflow:hidden;min-height:500px;width:100%;opacity:1;transition:opacity .7s ease-in-out}.colour-section:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#c5c5c5;z-index:0}.colour-section:after{content:"";position:absolute;top:0;right:0;width:0;height:100%;background-color:#c5c5c5;z-index:0}.colour-section.is-visible:before{animation:fill-left 1s ease forwards}.colour-section.is-visible:after{animation:fill-right 1s ease forwards}.colour-section.is-hidden:before{animation:clear-left 1s ease forwards}.colour-section.is-hidden:after{animation:clear-right 1s ease forwards}.colour-section>*{position:relative;z-index:1}@keyframes fill-left{0%{width:0}to{width:50%}}@keyframes fill-right{0%{width:0}to{width:50%}}@keyframes clear-left{0%{width:50%}to{width:0}}@keyframes clear-right{0%{width:50%}to{width:0}}.contact-details{font-family:Raleway;color:#fff;font-size:22px;text-align:center;max-width:600px;margin:0 auto;z-index:100}.contact-details.is-visible{animation:slideUp 1s ease-out forwards}.contact-details.is-hidden{opacity:0}@media(max-width:750px){.contact-details{max-width:600px}}@media(min-width:1280px){.contact-details{max-width:720px}}.contact-details:hover{cursor:pointer}.mail-link{text-decoration:none}.instagram-me{font-family:Raleway;color:#fff;font-size:22px;text-align:center;max-width:600px;margin:16px auto 0;z-index:100}.instagram-me.is-visible{animation:slideUp 1s ease-out forwards}.instagram-me.is-hidden{opacity:0}@media(max-width:750px){.instagram-me{max-width:600px}}@media(min-width:1280px){.instagram-me{max-width:720px}}.instagram-me:hover{cursor:pointer}.insta-link{text-decoration:none}.header{height:72px;display:flex;flex-direction:row;justify-content:space-between;background-color:var(--site-colour);position:fixed;top:0;left:0;right:0;z-index:100}.link-general,.link-general:hover{text-decoration:none;color:#fff}.right-section{display:flex;gap:32px;margin-top:32px;margin-right:48px}.left-section{display:flex;gap:32px;margin-top:32px;margin-left:48px}.rs-text,.ls-text{margin:0;font-family:Raleway;font-size:24px;cursor:pointer}.services-container{display:grid;grid-template-rows:auto;margin-top:124px;justify-items:center;width:100%;scroll-margin-top:100px}.link-general{text-decoration:none;color:#fff;margin-top:auto}.link-general:hover{text-decoration:none;color:#fff}.services-title{font-family:Raleway;color:gray;font-size:36px;font-weight:700;text-align:center;max-width:500px;margin:0;transition:opacity .7s ease-in-out;opacity:1}.services-text{margin:0 0 48px;font-family:Raleway;font-size:48px;font-weight:bolder;color:#fff;text-align:center;max-width:500px;transition:opacity .7s ease-in-out;opacity:1}.services-title.is-loading,.services-text.is-loading,.landing-page.is-loading,.multi-page.is-loading,.web-redesign.is-loading,.web-maintenance.is-loading{animation:slideUp 1s ease-out forwards}.services-title.is-hidden,.services-text.is-hidden,.landing-page.is-hidden,.multi-page.is-hidden,.web-redesign.is-hidden,.web-maintenance.is-hidden{opacity:0}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:750px){.services-title,.services-text{max-width:320px}}@media(min-width:1280px){.services-title,.services-text{max-width:720px}}.services-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:48px;width:100%;max-width:1100px;margin-top:124px;margin-bottom:24px}@media(max-width:1300px){.services-grid{max-width:950px}}@media(min-width:1450px){.services-grid{max-width:1400px}}.landing-page,.multi-page,.web-redesign,.web-maintenance{width:100%;min-height:375px;box-sizing:border-box;rotate:0deg;opacity:1;background-color:var(--site-colour);border:1px solid gray;border-radius:12px;transition:border-radius .25s ease,transform .25s ease,box-shadow .25s ease,rotate .25s ease-in-out,opacity .7s ease-in-out}.landing-page:hover,.multi-page:hover,.web-redesign:hover,.web-maintenance:hover{transform:scale(1.03);box-shadow:0 8px 20px #0006;rotate:-3deg}.landing-page-container,.multi-page-container,.web-redesign-container,.web-maintenance-container{display:flex;flex-direction:column;min-height:375px;box-sizing:border-box}.landing-page-title,.multi-page-title,.web-redesign-title,.web-maintenance-title{font-family:Raleway;font-size:24px;color:#fff;font-weight:700;margin:16px 16px 0;border-bottom:2px solid white}.landing-page-desc,.multi-page-desc,.web-redesign-desc,.web-maintenance-desc{font-family:Raleway;font-size:18px;color:#424242;margin:8px 16px 0}.landing-page-desc-note,.multi-page-desc-note,.web-redesign-desc-note,.web-maintenance-desc-note{font-family:Raleway;font-size:18px;font-style:italic;color:#424242;margin:0 0 0 16px}.enquiry-container{border:1px solid gray;width:90px;background-color:var(--site-colour);margin-left:16px;margin-bottom:8px;border-radius:6px;transition:background-color .25s ease}.enquiry-container:hover{cursor:pointer;background-color:#0006}.enquiry-text{margin:0 6px;font-family:Raleway;font-size:22px;font-weight:700}@media(max-width:650px){.services-container{width:100%;max-width:100%}.services-grid{grid-template-columns:1fr;width:90vw}}.about-container h1,.about-container h2{font-size:inherit;font-weight:inherit;margin:0;padding:0}body{background-color:var(--site-colour);margin:0;overflow-x:hidden}:root{--site-colour: #fded5d}