@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}.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}}#hp_logo{width:clamp(15vw,15%,20vw);min-width:150px;max-width:250px;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}.wrapper{display:flex;flex-direction:column;align-items:stretch;margin:auto;align-items:center;margin-top:25px;width:100%}.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}.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}}.account_title{font-family:'Brandon_Grotesque_Medium';letter-spacing:0.5px;font-size:20px}.account_hr{width:70%;height:1px;background-color:#121d27;margin-bottom:75px}.input_text{margin-bottom:50px}.short_hr{width:30%;height:1px;background-color:#121d27;margin:40px auto 40px 0}.name_input{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.name_input>input{width:200px}.bold{font-family:'Brandon_Grotesque_Medium';font-size:15px}.password_container{display:flex;flex-direction:row;font-size:25px;margin:0}.buttons_container{margin:auto;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;text-align:center;font-size:35px;margin:-50px auto 0 auto}.default_buttons_container{display:flex;flex-wrap:wrap;flex-direction:row;gap:4vw;margin:70px auto 30px auto}.account_button{width:120px;padding:10px;height:auto;text-align:center;border-radius:10px}.account_button:hover{cursor:pointer}#edit{background-color:#121d27;color:#f1f1f1}#delete{background-color:red;color:#f1f1f1;text-decoration:none}.delete_graphic{width:25px;height auto}#save{background-color:green;color:#f1f1f1;width:120px;font-family:'Brandon_Grotesque_Regular';font-size:14px;letter-spacing:0.5px;border:none}#email_input{width:200px}.js_input{height:40px;background-color:#fafafa;border:1px solid #121d27;border-radius:10px;padding:10px;font-family:'Brandon_Grotesque_Regular';letter-spacing:0.5px;font-size:15px}.password{display:flex;flex-direction:column;gap:10px;margin-top:-10px}#password_input{font-size:15px;width:200px}.password_error{color:red}.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}