@font-face{font-family:'Brandon_Grotesque_Medium';src:url('/static/matchapp/fonts/HvDTrial_Brandon_Grotesque_medium-BF64a625c84a521.otf?14bd093c2371') format('opentype')}@font-face{font-family:'Brandon_Grotesque_Regular';src:url('/static/matchapp/fonts/HvDTrial_Brandon_Grotesque_regular-BF64a625c9311e1.otf?14bd093c2371') format('opentype')}@font-face{font-family:'Brandon_Grotesque_Regular_Italic';src:url('/static/matchapp/fonts/HvDTrial_Brandon_Grotesque_regular_italic-BF64a625c94445e.otf?14bd093c2371') format('opentype')}*{font-size:62.5%;width:auto;height:auto;box-sizing:border-box}body{margin:0;width:100%}main{min-height:100vh;display:flex;flex-direction:column}.second_colour_band{background-color:#121d27;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:250px}.logo_container{display:flex;justify-content:center;align-items:center;width:100%;background-color:#121d27;height:fit-content;position:relative;margin-bottom:20px;margin-top:-25px}#hp_logo{width:clamp(15vw,15%,20vw);min-width:150px;max-width:300px;height:auto;background-color:#121d27;margin:20px auto 0 auto;position:relative}.logo_link:link{color:#fafafa;text-decoration:none}.second_colour_band>img{width:250px;height:auto;background-color:#121d27}.logo_caption{font-family:'Brandon_Grotesque_Medium';color:#fafafa;background-color:#121d27;font-size:18px;letter-spacing:1px;padding-top:25px}.third_colour_band{background-color:#fafafa;display:flex;flex-direction:column;flex-grow:1}.third_colour_band>.message_form_container{justify-content:center;align-items:center}.main_section_header{display:flex;position:relative;max-height:60px;justify-content:space-between;font-size:30px;letter-spacing:1px;align-items:center;font-family:'Brandon_Grotesque_Medium';width:80%;max-width:700px}#section_link_white{background-color:#fafafa}.main_hr{height:1px;background-color:#121d27;width:40%;position:relative;margin-bottom:20px}.main_section_header_text{display:inline-block}.main_header_button{background-color:#fafafa;position:absolute;border-radius:30px;width:150px;display:flex;align-items:center;justify-content:center}.main_header_button_text{background-color:#fafafa;font-family:'Brandon_Grotesque_Regular'}.details_container>*{font-size:25px;font-family:'Brandon_Grotesque_Regular'}.details_container{display:flex;flex-wrap:wrap;flex-direction:column;background-color:#f1f1f1;font-family:'Brandon_Grotesque_Regular';font-size:40px;letter-spacing:0.5px;width:80%;max-width:700px;height:auto;border:1px solid #121d27;border-radius:25px;margin:0 auto 400px auto;padding:20px}@media only screen and (max-width:1000px){.details_container{margin:0 auto 150px auto}}.user_plans_title_container{display:flex;text-align:left;justify-content:left;align-items:left}.user_plans_title{font-size:25px;color:#121d27;font-family:'Brandon_Grotesque_Medium';text-align:left;margin:auto auto auto 5px}.plans_container>*{font-size:15px}.plans_container{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;width:80%;height:auto;border:2px solid black;margin:auto}.plan_item{height:200px;width:100%;border:2px solid black;background-color:#f1f1f1;color:#121d27;margin-bottom:20px}.plan_item>*{font-size:15px}.top_band{display:flex;flex-direction:row;justify-content:space-between}.column_wrapper{display:flex;flex-direction:column}.plan_details_container{display:flex;flex-direction:column;justify-content:left;text-align:left;font-size:15px;font-family:'Brandon_Grotesque_Regular'}.colour_blocks{display:flex;flex-direction:row;width:80%;height:50px}.colour_block{height:100%;width:150px}.plan_paints_title{font-family:'Brandon_Grotesque_Regular';font-size:15px;color:#121d27;margin-top:10px}.plan_paint_item{width:80%;border:2px solid black;height:100px;display:flex;justify-content:space-between;padding:5px;flex-direction:row}.plan_paint_details_container{display:flex;flex-direction:column;align-items:left;text-align:left;justify-content:left;border:2px solid red;width:50%}.plan_details{font-size:15px;font-family:'Brandon_Grotesque_Regular';letter-spacing:0.5px}.no_paints_message{margin:auto;font-size:18px;font-family:'Brandon_Grotesque_Regular';text-align:center}.no_paints_message>p{text-align:center}.row_wrapper{display:flex;align-items:center}.plan_paint_colour_sample{height:50px;width:100px}.match_logo{width:100px;height:auto}.plan_paint_buttons_container{display:flex;flex-direction:column;align-items:right;justify-content:right;text-align:right;padding-right:10px}.plan_paint_button{height:20px;width:50px;background-color:#121d27;color:#fafafa;font-family:'Brandon_Grotesque_Regular';font-size:12px}.bottom_band{display:flex;flex-direction:row;align-items:center;justify-content:center}.plan_options_buttons{height:40px;width:90px;background-color:#121d27;color:#f1f1f1;font-family:'Brandon_Grotesque_Regular';font-size:14px;letter-spacing:0.5px;display:flex;justify-content:center;text-align:center;align-items:center;border-radius:10px;margin-inline:10px}.cookies_bar>*{background-color:#000000}.cookies_bar{position:fixed;bottom:0;display:flex;flex-direction:row;background-color:#000000;color:#f1f1f1;height:60px;width:100%;justify-content:space-between;padding-inline:10%;align-items:center;z-index:1;font-family:'Brandon_Grotesque_Medium';font-size:30px;letter-spacing:1px;transform:translateY(0);transition:transform 10s ease}.cookies_bar p a{background-color:#000000;color:#f1f1f1;font-size:clamp(1rem,1.5vw,1.9rem);text-wrap:break-word;width:70%}.cookies_bar>p{width:70%;font-size:clamp(1rem,1.5vw,1.9rem)}.font_correct{font-family:,'Brandon_Grotesque_Regular';color:#fafafa;background-color:#000000}.cookies_bar p a:hover{color:grey}.cookies_button{display:flex;background-color:#f1f1f1;color:#000000;width:fit-content;height:fit-content;padding:12px;border-radius:25px;align-items:center;text-align:center;justify-content:center;transition:transform 0.3s ease;font-family:'Brandon_Grotesque_Regular';font-size:clamp(1rem,1.5vw,1.9rem)}.cookies_button:hover{cursor:pointer}.cookies_button:link{text-decoration:none}.footer_hr{background-color:#fafafa;width:20%}footer>*{background-color:#121d27}.footer{width:100%;background-color:#121d27;color:#fafafa;text-align:center;font-family:'Brandon_Grotesque_regular';padding-top:20px}.footer_logo{outline:none}.footer_logo>img{width:150px;aspect-ratio:16/9;background-color:#121d27;margin-bottom:-20px}.footer_links{display:flex;box-sizing:border-box;flex-direction:row;flex-wrap:wrap;letter-spacing:1px;font-size:32px;justify-content:center;max-width:800px;background-color:#121d27;margin:0 auto;padding-bottom:15px}.footer_links>a{background-color:#121d27}.footer_link{color:#fafafa;font-size:14px;margin:0 30px 0 30px;background-color:#121d27}.footer_link:link{color:#fafafa;text-decoration:none}.footer_link:hover{color:grey}.footer_signoff{font-size:9px;letter-spacing:1px;padding:5px 0px 5px 0px;background-color:#121d27}@font-face{font-family:'Brandon_Grotesque_Medium';src:url('/static/matchapp/fonts/HvDTrial_Brandon_Grotesque_medium-BF64a625c84a521.otf?14bd093c2371') format('opentype')}@font-face{font-family:'Brandon_Grotesque_Regular';src:url('/static/matchapp/fonts/HvDTrial_Brandon_Grotesque_regular-BF64a625c9311e1.otf?14bd093c2371') format('opentype')}@font-face{font-family:'Brandon_Grotesque_Regular_Italic';src:url('/static/matchapp/fonts/HvDTrial_Brandon_Grotesque_regular_italic-BF64a625c94445e.otf?14bd093c2371') format('opentype')}.account{background-color:#121d27;position:absolute;display:flex;flex-direction:row;left:0;top:0}.account_slideout{width:150px;max-width:200px;height:250px;background-color:#f1f1f1;position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:left;align-items:left;transition:left 0.3s ease;left:-300%}#account_graphic{max-width:75px;position:relative;z-index:1;align-self:flex-start;top:50px;transition:left 0.3s ease;left:20px}#account_graphic:hover{cursor:pointer}.account_nav{width:100%;background-color:#f1f1f1;display:flex;flex-direction:column;position:relative;padding:0 20px 20px 20px;border-radius:20px;gap:5px;text-align:left}.account_nav>*{background-color:#f1f1f1}.no_account_nav{width:100%;background-color:#f1f1f1;display:flex;flex-direction:column;position:relative;padding:0 20px 20px 20px;border-radius:20px;gap:5px;text-align:left}.no_account_nav>*{background-color:#f1f1f1}.nav_title{font-family:'Brandon_Grotesque_Medium';font-size:clamp(15px,15em,20px);letter-spacing:1px}.nav_text{font-size:14px;font-family:'Brandon_Grotesque_Regular';margin:5px auto 5px 0}.nav_link{font-family:'Brandon_Grotesque_Regular';font-size:clamp(14px,15em,16px);color:#121d27;text-decoration:none}.chevron{transform:translateX(-10px);transition:transform 0.5s ease}.hide_container{display:flex;justify-content:center;text-align:center;height:100%;background-color:#f1f1f1;z-index:-1}.hide{font-family:'Brandon_Grotesque_Regular';font-size:clamp(14px,15em,16px);color:#121d27;background-color:#f1f1f1;z-index:3;justify-self:flex-end;align-self:flex-end}.hide:hover{cursor:pointer;text-decoration:underline}@media only screen and (max-width:480px){.account{flex-direction:colum}#account_graphic{max-width:60px;height:auto}}