html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth;width:100%}*,*:before,*:after{box-sizing:inherit}body{background-color:var(--bg-body);margin:0 auto}*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-family:var(--content)}h1,h2,h3,h4,h5,h6{font-family:var(--heading)}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:3.5rem}h4{font-size:3rem}h5{font-size:2.5rem}h6{font-size:2rem}p,label{font-size:1.6rem;color:var(--neutral)}a{font-size:1.7rem;color:var(--black);text-decoration:none}a:hover{text-decoration:underline}input,textarea{padding:1rem;border:1px solid #636363;border-radius:0}input{width:100%}:root{--white: #fff;--black: #000;--bg-body: #FFFEFA;--background: #F5EBDF;--neutral: #2E2E2E;--primary-300: #a9d2f3;--primary-400: #5DA9E9;--primary-500: #1a74bf;--primary-600: #155d99;--primary-700: #053365;--primary-800: #042141;--primary-900: #031426;--secondary-300: #ebb6ac;--secondary-400: #d66c5a;--secondary-500: #A13A28;--secondary-600: #812e20;--secondary-700: #612318;--accent-300: #fbe8c0;--accent-400: #f8d081;--accent-500: #F4B942;--accent-600: #eaa10e;--accent-700: #b0790a;--heading: "Krona One", sans-serif;--content: "Poppins", sans-serif}.btn{font-size:1.6rem;border:none;padding:8px 18px;border-radius:8px;color:var(--white);cursor:pointer}.btn-primary-unselected{background-color:var(--primary-400)}.btn-secondary-unselected{background-color:var(--secondary-400)}.btn-accent-unselected{background-color:var(--accent-400)}.btn-primary{background-color:var(--primary-700)}.btn-primary:hover{background-color:var(--primary-800)}.btn-primary:active{background-color:var(--primary-900)}.btn-secondary{background-color:var(--secondary-500)}.btn-secondary:hover{background-color:var(--secondary-600)}.btn-secondary:active{background-color:var(--secondary-700)}.btn-accent{background-color:var(--accent-500)}.btn-accent:hover{background-color:var(--accent-600)}.btn-accent:active{background-color:var(--accent-700)}.btn-primary-outline{background-color:transparent;border:2px solid var(--primary-700);color:var(--primary-700)}.btn-secondary-outline:hover,.btn-primary-outline:hover,.btn-accent-outline:hover{text-decoration:underline}.btn-secondary-outline{background-color:transparent;border:2px solid var(--secondary-500);color:var(--secondary-500)}.btn-accent-outline{background-color:transparent;border:2px solid var(--accent-500);color:var(--accent-500)}
