:root{--base-color:#ffffff;--text-color:#000000;--primary-color:#00aeff;--primary-color-darker:#008ed1;--secondary-color:#e96663;--secondary-color-darker:#a54746;--color-1:#F9F6F3;--color-2:#f3f7fb;--color-3:#ffffff}*{margin:0;padding:0;box-sizing:border-box}html{font-family:sarvatrik-latin-variable,sans-serif;color:var(--text-color)}body{margin:0;display:flex;flex-direction:column;height:100vh;padding:1em;background-color:var(--base-color)}h1,h2,h3{font-family:sarvatrik-latin-variable,sans-serif}#top{margin:1em auto;width:min(75em,100%)}nav{margin:1em auto 3em auto;width:min(1000px,100%)}nav ul{display:flex;align-items:center;list-style-type:none;gap:2em}ul{float:right}nav a{text-decoration:none;color:var(--text-color)}nav a:hover{text-decoration:underline}header{display:flex;flex-direction:column;justify-content:center;flex:.5;margin:2em auto;width:min(75em,100%);background-color:var(--color-1);padding:min(2em,15%);border-radius:1em}section{margin:2em auto;width:min(75em,100%);background-color:var(--color-1);padding:min(2em,15%);border-radius:1em}.flex-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3em}header img{max-width:100%;object-fit:cover;object-position:bottom}.text-container{flex:0 1 34em}h1{font-size:2rem}.text-container p{margin:.75em 0 1em 0;font-size:1.25rem}.cta-button{display:inline-block;text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(var(--primary-color),var(--primary-color-darker));padding:.75em 1.25em;border-radius:.5em;font-weight:600}.cta-button:hover{display:inline-block;text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(var(--primary-color-darker),var(--primary-color));padding:.75em 1.25em;border-radius:.5em;font-weight:600}.secondary{background-color:var(--primary-color)}section{padding:3em min(2em,15%);background-color:var(--color-2);text-align:center}h2{font-size:2rem}.h2-white{font-family:sarvatrik-latin-variable,sans-serif;color:#fff}details{margin-top:1em;background-color:var(--base-color);border-radius:1em}details summary{padding:1em;font-size:1.7rem;font-family:sarvatrik-latin-variable,sans-serif}details p{padding:0 2em 2em 2em}footer{padding-bottom:1.5em;text-align:center}footer a{margin:0 1em;text-decoration:none;color:var(--text-color)}footer a:hover{text-decoration:underline}#root{display:flex;justify-content:center;align-items:center}.ordered{margin:0 auto}select{border:2px solid #333;border-radius:20px;padding:5px;background-color:var(--color-2);font-size:16px}#statDisplay{margin-top:5px}@media (min-width:300px) and (max-width:500px){html{font-family:sarvatrik-latin-variable,sans-serif;color:var(--text-color)}body{margin:0;display:flex;flex-direction:column;height:100vh;padding:1em;background-color:var(--base-color)}h1,h2,h3{font-family:sarvatrik-latin-variable,sans-serif}#top{margin:1em auto;width:min(75em,100%)}nav{margin:1em auto 3em auto;width:min(1000px,100%)}nav ul{display:flex;align-items:center;list-style-type:none;gap:2em}ul{float:right}nav a{text-decoration:none;color:var(--text-color);font-size:.7em;font-weight:700}nav a:hover{text-decoration:underline}header{display:flex;flex-direction:column;justify-content:center;flex:.5;margin:2em auto;width:min(75em,100%);background-color:var(--color-1);padding:min(2em,15%);border-radius:1em}section{margin:2em auto;width:min(75em,100%);background-color:var(--color-1);padding:min(2em,15%);border-radius:1em}.flex-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3em}header img{max-width:100%;object-fit:cover;object-position:bottom}.text-container{flex:0 1 34em}h1{font-size:2rem}.text-container p{margin:.75em 0 1em 0;font-size:1.25rem}.cta-button{display:inline-block;text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(var(--primary-color),var(--primary-color-darker));padding:.75em 1.25em;border-radius:.5em;font-weight:600}.cta-button:hover{display:inline-block;text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(var(--primary-color-darker),var(--primary-color));padding:.75em 1.25em;border-radius:.5em;font-weight:600}.secondary{background-color:var(--primary-color)}section{padding:3em min(2em,15%);background-color:var(--color-2);text-align:center}h2{font-size:2rem}.h2-white{font-family:sarvatrik-latin-variable,sans-serif;color:#fff}details{margin-top:1em;background-color:var(--base-color);border-radius:1em}details summary{padding:1em;font-size:1.7rem;font-family:sarvatrik-latin-variable,sans-serif}details p{padding:0 2em 2em 2em}footer{padding-bottom:1.5em;text-align:center}footer a{margin:0 1em;text-decoration:none;color:var(--text-color)}footer a:hover{text-decoration:underline}.rounded-box{border-radius:25px;display:flex;flex-direction:column;justify-content:center;padding:20px;width:5vw;height:10vw;min-width:225px;min-height:300px;background:linear-gradient(to bottom,var(--primary-color) 0,var(--primary-color) 15%,var(--color-3)15%,var(--color-3)85%,var(--primary-color) 85%,var(--primary-color) 100%);font-family:sarvatrik-latin-variable,sans-serif}.rounded-box:hover{border-radius:25px;border:1px solid #000;display:flex;flex-direction:column;justify-content:center;padding:20px;width:5vw;height:150px;min-width:225px;background:linear-gradient(to bottom,var(--primary-color) 0,var(--primary-color) 15%,#e6e6e6 15%,#e6e6e6 85%,var(--primary-color) 85%,var(--primary-color) 100%);font-family:sarvatrik-latin-variable,sans-serif}#selection-plans{display:flex;flex-direction:row;justify-content:center}#left-sub-box{margin-right:1vw}#right-sub-box{margin-left:1vw}#root{display:flex;justify-content:center;align-items:center}.ordered{margin:0 auto}select{border:2px solid #333;border-radius:20px;padding:5px;background-color:var(--color-2);font-size:16px}#statDisplay{margin-top:5px;height:40vh}}