:root{--text:hsl(240,20%,7%);--text-50:hsl(240,20%,95%);--text-100:hsl(240,22%,90%);--text-200:hsl(240,20%,80%);--text-300:hsl(240,20%,70%);--text-400:hsl(240,20%,60%);--text-500:hsl(240,20%,50%);--text-600:hsl(240,20%,40%);--text-700:hsl(240,20%,30%);--text-800:hsl(240,20%,20%);--text-900:hsl(240,22%,10%);--text-950:hsl(240,20%,5%);--background:hsl(216,28%,93%);--background-50:hsl(214,28%,95%);--background-100:hsl(216,29%,90%);--background-200:hsl(216,27%,80%);--background-300:hsl(216,28%,70%);--background-400:hsl(216,28%,60%);--background-500:hsl(216,28%,50%);--background-600:hsl(216,28%,40%);--background-700:hsl(216,28%,30%);--background-800:hsl(216,27%,20%);--background-900:hsl(216,29%,10%);--background-950:hsl(214,28%,5%);--primary:hsl(233,48%,26%);--primary-50:hsl(230,46%,95%);--primary-100:hsl(233,49%,90%);--primary-200:hsl(234,47%,80%);--primary-300:hsl(233,48%,70%);--primary-400:hsl(233,48%,60%);--primary-500:hsl(233,48%,50%);--primary-600:hsl(233,48%,40%);--primary-700:hsl(233,48%,30%);--primary-800:hsl(234,47%,20%);--primary-900:hsl(233,49%,10%);--primary-950:hsl(235,46%,5%);--secondary:hsl(240,84%,78%);--secondary-50:hsl(240,84%,95%);--secondary-100:hsl(240,84%,90%);--secondary-200:hsl(240,84%,80%);--secondary-300:hsl(240,84%,70%);--secondary-400:hsl(240,84%,60%);--secondary-500:hsl(240,84%,50%);--secondary-600:hsl(240,84%,40%);--secondary-700:hsl(240,84%,30%);--secondary-800:hsl(240,84%,20%);--secondary-900:hsl(240,84%,10%);--secondary-950:hsl(240,84%,5%);--accent:hsl(149,81%,56%);--accent-50:hsl(149,84%,95%);--accent-100:hsl(149,80%,90%);--accent-200:hsl(149,80%,80%);--accent-300:hsl(149,80%,70%);--accent-400:hsl(149,81%,60%);--accent-500:hsl(149,81%,50%);--accent-600:hsl(149,81%,40%);--accent-700:hsl(149,80%,30%);--accent-800:hsl(149,80%,20%);--accent-900:hsl(149,80%,10%);--accent-950:hsl(149,84%,5%)}.dark-mode{--text:hsl(240,20%,93%);--text-50:hsl(240,20%,5%);--text-100:hsl(240,22%,10%);--text-200:hsl(240,20%,20%);--text-300:hsl(240,20%,30%);--text-400:hsl(240,20%,40%);--text-500:hsl(240,20%,50%);--text-600:hsl(240,20%,60%);--text-700:hsl(240,20%,70%);--text-800:hsl(240,20%,80%);--text-900:hsl(240,22%,90%);--text-950:hsl(240,20%,95%);--background:hsl(216,28%,7%);--background-50:hsl(214,28%,5%);--background-100:hsl(216,29%,10%);--background-200:hsl(216,27%,20%);--background-300:hsl(216,28%,30%);--background-400:hsl(216,28%,40%);--background-500:hsl(216,28%,50%);--background-600:hsl(216,28%,60%);--background-700:hsl(216,28%,70%);--background-800:hsl(216,27%,80%);--background-900:hsl(216,29%,90%);--background-950:hsl(214,28%,95%);--primary:hsl(233,48%,74%);--primary-50:hsl(235,46%,5%);--primary-100:hsl(233,49%,10%);--primary-200:hsl(234,47%,20%);--primary-300:hsl(233,48%,30%);--primary-400:hsl(233,48%,40%);--primary-500:hsl(233,48%,50%);--primary-600:hsl(233,48%,60%);--primary-700:hsl(233,48%,70%);--primary-800:hsl(234,47%,80%);--primary-900:hsl(233,49%,90%);--primary-950:hsl(230,46%,95%);--secondary:hsl(240,84%,22%);--secondary-50:hsl(240,84%,5%);--secondary-100:hsl(240,84%,10%);--secondary-200:hsl(240,84%,20%);--secondary-300:hsl(240,84%,30%);--secondary-400:hsl(240,84%,40%);--secondary-500:hsl(240,84%,50%);--secondary-600:hsl(240,84%,60%);--secondary-700:hsl(240,84%,70%);--secondary-800:hsl(240,84%,80%);--secondary-900:hsl(240,84%,90%);--secondary-950:hsl(240,84%,95%);--accent:hsl(149,81%,44%);--accent-50:hsl(149,84%,5%);--accent-100:hsl(149,80%,10%);--accent-200:hsl(149,80%,20%);--accent-300:hsl(149,80%,30%);--accent-400:hsl(149,81%,40%);--accent-500:hsl(149,81%,50%);--accent-600:hsl(149,81%,60%);--accent-700:hsl(149,80%,70%);--accent-800:hsl(149,80%,80%);--accent-900:hsl(149,80%,90%);--accent-950:hsl(149,84%,95%)}