@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(../fonts/DM_Sans/DM_Sans-400.woff2)format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:400;src:url(../fonts/DM_Sans/DM_Sans-400_italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(../fonts/DM_Sans/DM_Sans-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:700;src:url(../fonts/DM_Sans/DM_Sans-700_italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(../fonts/Plus_Jakarta_Sans/Plus_Jakarta_Sans-400.woff2)format("woff2")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:italic;font-weight:400;src:url(../fonts/Plus_Jakarta_Sans/Plus_Jakarta_Sans-400_italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(../fonts/Plus_Jakarta_Sans/Plus_Jakarta_Sans-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:italic;font-weight:700;src:url(../fonts/Plus_Jakarta_Sans/Plus_Jakarta_Sans-700_italic.woff2)format("woff2")}@keyframes fadeInOut{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes fullRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grow{0%{transform:scaleX(.2)scaleY(.2)}to{transform:scaleX(1)scaleY(1)}}@keyframes fly{0%{transform:translateY(0)translate(0)}45%{transform:translateY(-50px)translate(50px)}46%{opacity:0;transform:translateY(100px)translate(-80px)}to{opacity:1}}:root{--colour-text-light:#fff;--colour-text-dark:#001736;--colour-accent-pink:#d579aa;--colour-accent-pink-border:#e0b8ce;--colour-accent-pink-background:#fff6fb;--colour-accent-yellow:#f4ba3d;--colour-accent-yellow-border:#f4ba3d;--colour-accent-yellow-background:#fffaf0;--colour-opaque-dark:#0009;--colour-image-overlay:#272727;--colour-light-background:#fff;--colour-status-development-border:#67a8ff;--colour-status-development-background:#cddef4;--colour-status-research-border:#e9873b;--colour-status-research-background:#efddc3;--colour-status-design-border:#a23be9;--colour-status-design-background:#e2cee2;--colour-success:#18ca18;--colour-success-background:#ccf0cc;--colour-danger:#a91e1e;--colour-danger-background:#ffd2d2;--border-radius:15px;--status-border-radius:50px;--heading-font-family:"Plus Jakarta Sans", "Arial", sans-serif;--content-font-family:"DM Sans", sans-serif;--animation-looping-fade-in-out:2s ease-in-out infinite both fadeInOut;--animation-looping-full-rotation:2s linear infinite forwards fullRotation;--animation-looping-grow:1s linear forwards grow;--animation-looping-fly:1s linear forwards fly}html{scroll-behavior:smooth}body{margin:0;padding:0}button{border-radius:var(--border-radius);cursor:pointer;border:none;align-items:center;padding:10px 20px;display:flex;position:relative;box-shadow:0 5px #dcdcdc}button:hover{box-shadow:none;top:5px}button>p{color:var(--colour-text-light);font-size:18px;font-weight:700;font-family:var(--heading-font-family);margin:0;padding:0 10px}button i{color:var(--colour-text-light);font-size:18px}h1,h2,h3,h4,h5,h6,p,label,input,textarea,li,th,td,a{color:var(--colour-text-dark);font-family:var(--content-font-family);margin:0}a{text-decoration:none}h1,section>h2,#copyright h3{font-family:var(--heading-font-family);padding:0 20px}h1{margin:0;font-size:48px}h2{margin-top:3vh;font-size:36px}h3{margin-top:1vh;padding:0 20px;font-size:18px;font-weight:400}h4{font-size:12px}section{text-align:center;width:100%;padding:5vh 0}.strip{background:url(../../assets/images/pexels-background.jpg) 0/cover;width:100%}header .strip{height:20px}main{flex-direction:column;align-items:center;display:flex}#logo{height:75px;margin-top:8vh}#main-heading{text-align:center;margin-top:5vh}#main-heading h1:first-child span{color:var(--colour-accent-yellow)}#main-heading h1:nth-child(2) span{color:var(--colour-accent-pink)}#sub-heading{text-align:center;max-width:1000px;margin-top:5vh;padding:0 20px}#sub-heading h2{font-size:24px;font-weight:400}#call-to-action{text-align:center;flex-direction:column;margin-top:5vh;padding:0 20px 8vh;display:flex}#call-to-action h3{margin:0}#call-to-action div{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:1vh;display:flex}#call-to-action a[href=\#work-in-progress] button{background:var(--colour-accent-pink)}#call-to-action a[href=\#work-in-progress] button:hover i{transform-origin:bottom;animation:var(--animation-looping-grow)}#call-to-action a[href=\#get-in-touch] button{background:var(--colour-accent-yellow)}#call-to-action a[href=\#get-in-touch] button:hover i{animation:var(--animation-looping-fly)}section#services{background:var(--colour-accent-pink-background);flex-direction:column;align-items:center;display:flex}#reasons-why{flex-wrap:wrap;justify-content:center;gap:20px;width:90vw;max-width:1200px;margin-top:5vh;display:flex}#reasons-why>div{flex-direction:column;gap:20px;display:flex}.reason{background:var(--colour-light-background);border-radius:var(--border-radius);border:2px solid var(--colour-accent-pink-border);text-align:left;border-left-width:10px;align-items:center;max-width:400px;min-height:70px;padding:15px;display:flex}.reason p{margin-left:15px}.reason i{color:var(--colour-text-dark)}#services-offered{flex-direction:column;gap:20px;width:90vw;max-width:1000px;display:flex}#services-offered h3{font-weight:700;font-family:var(--heading-font-family);margin-top:5vh;font-size:24px}#services-offered>p{padding:0 20px}#services-offered .service-categories{flex-flow:column wrap;justify-content:center;margin-top:2vh;display:flex}#services-offered .service-categories div{flex-flow:wrap;justify-content:center;display:flex}#services-offered .service-categories button{border-radius:calc(var(--border-radius) / 2);background:var(--colour-accent-pink);margin:10px;padding:5px 10px;box-shadow:0 5px #e0b8ce4f}#services-offered .service-categories button:hover{box-shadow:none}#services-offered .service-categories button p{font-family:var(--content-font-family);font-size:16px}#services-offered .service-category{flex-direction:column;gap:20px;display:flex}#services-offered .service-category h4{margin-top:2vh;font-size:24px}.offerings{flex-direction:column;gap:20px;display:flex}.offering{text-align:left;background:var(--colour-light-background);border-radius:var(--border-radius);border:2px solid var(--colour-accent-pink-border);border-left-width:10px;flex-direction:row;justify-content:space-between;gap:20px;padding:15px;display:flex}.offering .offering-details h5{margin-bottom:5px;font-size:22px}.offering .offering-details{flex-direction:column;display:flex}.offering .offering-details>div{flex-direction:column;gap:10px;display:flex}.offering .prices{flex-direction:column;justify-content:center;align-items:end;gap:10px;display:flex}.offering .prices p{background:var(--colour-accent-pink-border);width:max-content;color:var(--colour-text-light);border-radius:50px;padding:5px 20px;font-weight:700}@media (width<=800px){.offering{flex-direction:column;align-items:center}.offering .prices{flex-flow:wrap}}#showcase{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:5vh;padding:0 20px;display:flex}.project{background:var(--colour-light-background);border-radius:var(--border-radius);border:2px solid var(--colour-text-dark);text-align:left;border-top-width:10px;flex-direction:column;max-width:400px;padding:20px 15px;display:flex}.project .status{border:2px solid var(--colour-status-development-border);background:var(--colour-status-development-background);border-radius:var(--status-border-radius);align-items:center;width:max-content;padding:2px 10px;display:flex}.project .status .icon{animation:var(--animation-looping-fade-in-out);margin-right:5px;font-size:10px}.project .status p{text-align:center;color:inherit;font-size:10px;font-weight:700}.project .status.development{color:var(--colour-status-development-border)}.project .status.research{border-color:var(--colour-status-research-border);background-color:var(--colour-status-research-background);color:var(--colour-status-research-border)}.project .status.design{border-color:var(--colour-status-design-border);background-color:var(--colour-status-design-background);color:var(--colour-status-design-border)}.project h4{font-size:22px;font-family:var(--heading-font-family);padding-top:1vh;padding-bottom:1vh}#project-call-to-action{margin-top:3vh}#project-call-to-action button{background:var(--colour-text-dark);margin:1vh auto}#project-call-to-action button i{animation:var(--animation-looping-full-rotation);animation-play-state:paused}#project-call-to-action button:hover i{animation-play-state:running}#social-media{margin-top:3vh}#social-media h3{font-weight:700}#social-media p{max-width:400px;margin:1vh auto 0;padding:0 20px}#social-media .links{flex-direction:column;justify-content:space-around;max-width:150px;margin:2vh auto 0;display:flex}#social-media .links>div{justify-content:center;display:flex}#social-media .links a,#social-media .links a.disabled:hover{cursor:pointer;color:var(--colour-text-dark);font-size:35px}#social-media .links a:hover{color:var(--colour-accent-yellow-border)}#social-media .links a i{width:50px}#social-media .links a.disabled i{opacity:.2}section#get-in-touch{background:var(--colour-accent-yellow-background);flex-direction:column;align-items:center;display:flex}section#get-in-touch h4{color:var(--colour-accent-yellow)}section#get-in-touch h3{max-width:680px;padding:0 20px;font-weight:400}section#get-in-touch h3 a{color:var(--colour-text-dark);cursor:pointer}section#get-in-touch h3 a:hover{color:var(--colour-accent-yellow)}#form-message-container{padding:0 20px}#form-message{border-radius:var(--border-radius);border-style:solid;border-width:2px;flex-direction:row;align-items:center;max-width:600px;margin-top:2vh;padding:10px 20px;display:none}#form-message .message-icon{margin-right:10px;font-size:20px}#form-message p{text-align:justify}#form-message.success{border-color:var(--colour-success);background:var(--colour-success-background);color:var(--colour-success);display:flex}#form-message.success p{color:var(--colour-text-dark)}#form-message.danger{border-color:var(--colour-danger);background:var(--colour-danger-background);color:var(--colour-danger);display:flex}#form-message.danger p{color:var(--colour-text-dark)}form{width:100%;max-width:600px;margin-top:2vh;padding:0}form .row{text-align:left;flex-wrap:wrap;justify-content:space-evenly;gap:20px;margin-top:20px;padding:0 20px;display:flex}form .row:last-child{justify-content:space-between}form .row:last-child>div{width:auto}form .row>div{flex-direction:column;width:100%;display:flex}form label{margin-bottom:5px;font-weight:700}form p{margin-bottom:5px}form input,form select,form textarea{border:2px solid var(--colour-accent-yellow);border-radius:var(--border-radius);border-bottom-width:10px;padding:10px}form select option{text-align:center;border-radius:var(--border-radius);padding:5px 0;font-weight:700}form select option:checked{background:var(--colour-accent-yellow-border);color:var(--colour-text-light)}form input:focus,form select:focus,form textarea:focus{outline:none}#client-services-field,#client-more-information-field{width:100%}#client-budget-field>p,#client-services-field>p{margin-bottom:10px;font-weight:700}#client-services-field>p span{font-weight:400}#available-services{justify-content:space-between;display:flex}#available-services .column{flex-direction:column;gap:10px;display:flex}#client-budget-field label,#available-services label{font-weight:400}#budget-options{flex-direction:column;gap:10px;display:flex}form span.required{color:var(--colour-danger)}form button{background:var(--colour-accent-yellow);color:var(--colour-text-light);gap:10px;margin-left:auto;display:flex}form button p{margin:0;font-weight:700}form textarea{resize:none}form #legals-statement{font-size:14px}form #legals-statement a:hover{text-decoration:underline}form button.sending{box-shadow:none;opacity:.7;top:5px}form button.sending i{animation:var(--animation-looping-full-rotation)}footer{position:relative}footer .strip{height:100px}footer .content{background:var(--colour-image-overlay);height:100px;color:var(--colour-text-light);border-left:5px solid var(--colour-text-light);justify-content:space-evenly;align-items:center;padding:0 20px;display:flex;position:absolute;top:0;right:0}footer #page-links{border-right:1px solid var(--colour-text-light);flex-wrap:wrap;gap:20px;padding-right:20px;display:flex}footer #page-links a{color:var(--colour-text-light);margin:0;text-decoration:none}footer #page-links a:hover{text-decoration:underline}footer #copyright h3{color:var(--colour-text-light);margin:0;padding:0 0 0 20px;text-decoration:none}#confirm-email{width:0;height:0;display:none}#legals main{max-width:800px;margin:0 auto;padding:0 20px 30px}#legals hr{width:100%;margin:30px 0}#legals h1{text-align:center}#legals h2{margin:0}#legals h3,#legals p{margin-top:10px}#legals h3{text-decoration:underline}#legals ul{margin:10px 0}#legals a{color:var(--colour-text-dark);font-family:var(--content-font-family);text-decoration:underline}#legals table{margin:20px 0}#legals th{text-align:left;padding-bottom:10px}#legals td{padding:10px 0}#legals .third-parties{flex-direction:column;gap:20px;width:100%;padding:20px 0;display:flex}#legals .third-parties>div{border:1px solid var(--colour-text-dark);border-radius:var(--border-radius);padding:0 10px 10px}#legals.terms main p{align-self:flex-start}#legals.terms main p.last-updated{align-self:center}