@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-em.ttf) format('truetype');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKX-Go6G5tXcr72GwU.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5aOiWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4-OSWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKZ-Go6G5tXcoaS.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5mOCWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5KPyWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4uPiWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4yPSWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4WPCWg.ttf) format('truetype');
}
html {
  --theme-bg: white;
  --theme-fg: #333;
  --theme-shadow: rgba(0, 0, 0, 0.2);
  --theme: 'Light_Mode';
  --theme-green: #008200;
  --theme-green2: #5d6a00;
  --theme-yellow: #796600;
  --theme-highlight: #33d;
  font-family: Kanit, sans-serif;
}
@media (prefers-color-scheme: dark) {
  html {
    --theme-bg: #222;
    --theme-fg: #ccc;
    --theme: 'Dark_Mode';
    --theme-shadow: rgba(0, 0, 0, 0.5);
    --theme-green: #2ab02a;
    --theme-green2: #3d7424;
    --theme-yellow: #a4a71c;
    --theme-highlight: #aaf;
  }
}
html:has(#DarkMode:checked) {
  --theme-bg: #222;
  --theme-fg: #ccc;
  --theme: 'Dark_Mode';
  --theme-shadow: rgba(0, 0, 0, 0.5);
  --theme-green: #2ab02a;
  --theme-green2: #3d7424;
  --theme-yellow: #a4a71c;
  --theme-highlight: #aaf;
}
html:has(#LightMode:checked) {
  --theme-bg: white;
  --theme-fg: #333;
  --theme-shadow: rgba(0, 0, 0, 0.2);
  --theme: 'Light_Mode';
  --theme-green: #008200;
  --theme-green2: #5d6a00;
  --theme-yellow: #796600;
  --theme-highlight: #33d;
}
html {
  background-color: var(--theme-bg);
  color: var(--theme-fg);
}
div#ThemeSelection {
  position: fixed;
  top: 0;
  right: 1em;
  z-index: 12;
}
div#ThemeSelection ul,
div#ThemeSelection li {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: inherit;
}
div#ThemeSelection ul {
  display: none;
  box-shadow: 1px 2px 2px var(--theme-shadow), 0 0 2px var(--theme-shadow);
  background-color: color-mix(in oklch shorter hue, var(--theme-bg) 90%, #888);
}
div#ThemeSelection button {
  background-color: color-mix(in oklch shorter hue, var(--theme-bg) 70%, var(--theme-highlight));
  color: var(--theme-fg);
  border: none;
  text-align: left;
  width: 8em;
  font-weight: 900;
  border-radius: 0 0 0.5em 0.5em;
}
div#ThemeSelection:focus-within ul {
  display: initial;
  pointer-events: all;
}
div#ThemeSelection span:before {
  content: var(--theme);
  font-family: 'Material Symbols Outlined';
  font-size: 1.5em;
  vertical-align: middle;
}
div#ThemeSelection label {
  vertical-align: middle;
}
@media print {
  div#ThemeSelection {
    display: none;
  }
}
logo {
  background-image: url('logos/nodeJS.svg');
  background-size: contain;
  background-position: center;
  width: 2em;
  height: 2em;
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0.25em;
  vertical-align: middle;
}
logo[nodeJS] {
  background-image: url('logos/nodeJS.svg');
}
logo[CS] {
  background-image: url('logos/CS.png');
}
logo[SQL] {
  background-image: url('logos/sql.png');
}
logo[HTML] {
  background-image: url('logos/HTML5 Logo.svg');
}
logo[CSS] {
  background-image: url('logos/CSS.3.svg');
}
logo[ES6] {
  background-image: url('logos/es.png');
}
logo[docker] {
  background-image: url('logos/docker.svg');
}
logo[AWS] {
  background-image: url('https://d0.awsstatic.com/logos/powered-by-aws.png');
}
logo[AWS-Lambda] {
  background-image: url('logos/AWS-Lambda.svg');
}
logo[mySQL] {
  background-image: url('logos/mysql.png');
}
logo[cmdline] {
  background-image: url('logos/cmdline.png');
}
logo[SVG] {
  background-image: url('logos/SVG Logo.svg');
}
@media (prefers-color-scheme: dark) {
  logo[HTML] {
    background-image: url('logos/HTML5 Logo-dark.svg');
  }
  logo[CSS] {
    background-image: url('logos/CSS.3-dark.svg');
  }
}
html:has(#DarkMode:checked) logo[HTML] {
  background-image: url('logos/HTML5 Logo-dark.svg');
}
html:has(#DarkMode:checked) logo[CSS] {
  background-image: url('logos/CSS.3-dark.svg');
}
html {
  font-weight: 300;
  text-align: justify;
}
@media print {
  html {
    font-size: 0.85em;
  }
  .screenOnly {
    display: none !important;
  }
}
h1 {
  font-weight: 200;
  font-size: 2em;
}
@media screen {
  h1 {
    min-width: 420px;
  }
}
h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0;
}
h3 {
  margin-top: 0.75em;
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 0.25em;
}
h4 {
  font-size: 1.2em;
  font-weight: 400;
  color: var(--theme-highlight);
  margin-bottom: 0;
  margin-top: 0.25em;
}
h5 {
  font-size: 1em;
  font-weight: 300;
  color: var(--theme-highlight);
}
a[href="#"] {
  color: inherit;
  text-decoration: inherit;
}
section#Contact {
  position: absolute;
  top: 2em;
  right: 0;
  box-shadow: 1px 2px 2px var(--theme-shadow), 0 0 2px var(--theme-shadow);
  margin: 1em;
  padding: 1em;
  background-color: color-mix(in oklch shorter hue, var(--theme-bg) 90%, #888);
}
@media print {
  section#Contact {
    top: 4em;
  }
}
section#Contact h2 {
  font-size: 1.2em;
  font-weight: 700;
  margin-top: 0;
}
article,
section {
  break-inside: avoid;
}
article.about div {
  float: right;
  width: 291px;
  height: 95px;
}
@media screen {
  article.about div {
    display: none;
  }
}
@media print {
  article.about div {
    width: 253px;
  }
}
article.about p {
  font-size: 1.375em;
}
ul.tbl {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
}
ul.tbl li {
  display: table-row;
}
ul.tbl li > * {
  display: table-cell;
  padding: 0.25em 0.5em;
}
article.skills > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 3em;
  row-gap: 2em;
  justify-content: stretch;
  width: calc(100% - 0.5em);
}
article.skills h2 {
  width: 100%;
  margin-bottom: 0;
}
article.skills > div div {
  box-shadow: 1px 2px 2px var(--theme-shadow), 0 0 2px var(--theme-shadow);
  padding: 0 1.5em;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 40%;
  background-color: color-mix(in oklch shorter hue, var(--theme-bg) 95%, #888);
  margin-bottom: 1em;
}
article.skills > div div h3 {
  text-align: center;
  margin: 0.25em 0 1em 0;
}
article.skills > div div ul {
  list-style: none;
  padding: 0;
}
article.skills > div div ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 1em;
}
article.skills > div div ul li::after {
  font-weight: normal;
  text-align: right;
  display: inline-block;
}
article.skills > div div ul li.skill_strong::after {
  content: 'Strong';
  color: var(--theme-green);
  font-weight: bold;
}
article.skills > div div ul li.skill_good::after {
  content: 'Good';
  color: var(--theme-green);
}
article.skills > div div ul li.skill_moderate::after {
  content: 'Moderate';
  color: var(--theme-yellow);
}
.employment {
  font-weight: 400;
}
.employment h2 {
  margin-bottom: 0.5em;
}
.employment ul {
  margin: 0;
  padding: 0;
}
.employment ul li {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.employment ul li div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.employment ul li div + div {
  display: block;
}
.employment ul li div + div span.formerly {
  font-weight: 300;
}
.employment ul li div + div span.formerly::before {
  content: '(Formerly ';
}
.employment ul li div + div span.formerly::after {
  content: ')';
}
span.backend,
span.frontend,
span.interface {
  display: inline-block;
}
span.backend + span {
  margin-left: 3em;
}
article.licences {
  font-size: 0.75em;
}
article.licences h2 {
  font-weight: 400;
  font-size: 1em;
  margin: 0;
  margin-top: 7em;
}
article.licences p {
  margin: 0;
}
article.licences ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  list-style-position: inside;
}
article.licences ul li {
  margin-left: 1em;
}
article.projects div.subProjects {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  width: calc(100% - 1em);
  margin-left: 1em;
}
article.projects div.subProjects section {
  break-inside: avoid;
}
article.projects div.subProjects p {
  margin: 0.65em 0;
}
article.projects div.subProjects #DH {
  order: 1;
}
article.projects div.subProjects #SE {
  order: 2;
}
article.projects div.subProjects #SC {
  order: 3;
}
article.projects div.subProjects #PE {
  order: 5;
}
article.projects div.subProjects #XLSX {
  order: 4;
}
article.projects div.subProjects #PI {
  order: 6;
}
article.projects div.subProjects #JS {
  order: 7;
}
article.projects div.subProjects #DI {
  order: 8;
}
article.projects div.subProjects #DN {
  order: 9;
}
article.projects div.subProjects #Build {
  order: 10;
}
article.projects div.subProjects #Small {
  order: 11;
}
article.interests p {
  margin: 0;
}
html#HeadersAndFooters {
  background: transparent;
}
html#HeadersAndFooters body {
  background: transparent;
}
html#HeadersAndFooters section {
  width: 210mm;
  height: 297mm;
  position: relative;
}
html#HeadersAndFooters header {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
html#HeadersAndFooters footer {
  position: absolute;
  bottom: -3.4em;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media screen {
  article.employment {
    max-width: 600px;
  }
  section#Contact {
    position: fixed;
    z-index: 11;
  }
  section#Contact h2 {
    position: static;
    background-color: transparent;
  }
  article {
    width: calc(100% - 0.5em - 1px);
  }
  article.skills {
    width: calc(100% - 1px);
  }
  article.skills h3 {
    position: static;
    background-color: transparent;
  }
  h1 {
    position: sticky;
    top: 0;
    margin-top: 1em;
    z-index: 11;
    background-color: var(--theme-bg);
  }
  h2 {
    position: sticky;
    top: 2em;
    background-color: var(--theme-bg);
    padding: 0.5em 0;
    margin: -0.25em 0;
    z-index: 10;
  }
  h3 {
    position: sticky;
    top: 5em;
    background-color: var(--theme-bg);
    padding: 0.5em 0;
    z-index: 9;
  }
  h4 {
    position: sticky;
    top: 7em;
    background-color: var(--theme-bg);
    padding: 0.5em 0;
    z-index: 8;
  }
  section#Contact legend,
  section#Contact li {
    display: none;
  }
  section#Contact li.email,
  section#Contact li.printable {
    display: block;
  }
  section#Contact li.email *,
  section#Contact li.printable * {
    display: initial;
    padding: 0 0.5em 0 0;
  }
  body {
    padding-bottom: 4em;
  }
  article.skills h2 {
    width: auto;
  }
  article.skills > div {
    margin: 1px;
  }
  article.skills > div div {
    flex-basis: auto;
    min-width: 263px;
    max-width: 500px;
    flex-grow: 1;
    flex-shrink: 1;
    padding-bottom: 1em;
  }
  article.licences {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--theme-bg);
    padding: 0.5em;
    z-index: 12;
  }
  article.licences h2 {
    margin-top: 0;
  }
  article.licences h2::after {
    content: ': ';
  }
  article.licences h2,
  article.licences p {
    display: inline-block;
  }
}
@media screen and (min-width: 1050px) and (max-width: 1425px) {
  article.skills > div {
    column-gap: 2em;
    row-gap: 1em;
    flex-direction: column;
    height: 35em;
    width: calc(100% - 17em);
  }
}
@media screen and (min-width: 960px) {
  article.responsibilities div.flex {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 2em;
    row-gap: 1em;
  }
  article.responsibilities div.flex > section {
    box-shadow: 1px 2px 2px var(--theme-shadow), 0 0 2px var(--theme-shadow);
    background-color: color-mix(in oklch shorter hue, var(--theme-bg) 90%, #888);
    padding: 1em;
    margin: 1em 0;
    padding: 0 1em;
    flex-basis: 33%;
  }
  article.responsibilities div.flex > section h3,
  article.responsibilities div.flex > section h2 {
    text-align: center;
    margin: 0.5em 0;
    background: transparent;
    position: static;
  }
  article.responsibilities div.flex > section {
    flex-basis: 33%;
  }
}
@media screen and (max-width: 999px) {
  article.interests h2.screenOnly {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  article.interests div.flex {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 2em;
    row-gap: 1em;
    flex-wrap: wrap;
  }
  article.interests div.flex h2 {
    font-size: 1.2em;
    font-weight: 500;
  }
  article.interests div.flex > section {
    box-shadow: 1px 2px 2px var(--theme-shadow), 0 0 2px var(--theme-shadow);
    background-color: color-mix(in oklch shorter hue, var(--theme-bg) 90%, #888);
    padding: 1em;
    margin: 1em 0;
    padding: 0 1em;
    flex-basis: 33%;
  }
  article.interests div.flex > section h3,
  article.interests div.flex > section h2 {
    text-align: center;
    margin: 0.5em 0;
    background: transparent;
    position: static;
  }
  article.interests div.flex > section h3 {
    font-size: 1.2em;
    font-weight: 400;
    color: var(--theme-highlight);
    text-align: left;
  }
  article.interests div.flex > section {
    flex-basis: 400px;
    flex-grow: 1;
    min-width: 300px;
    padding-bottom: 2em;
    max-width: calc(50vw - 4em);
  }
}
@media screen and (min-width: 950px) {
  article.projects div.subProjects {
    display: block;
    column-width: 28em;
    column-count: 3;
    column-gap: 2em;
  }
}
@page {
  size: a4 portrait;
  margin: 0.25in;
}
h3 + p {
  margin-top: 0.5em;
}
a,
a:visited {
  color: var(--theme-highlight);
}
.material {
  font-family: 'Material Symbols Outlined';
  vertical-align: middle;
}
@media print {
  a {
    color: inherit;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }
}