@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;  
  font-stretch: normal;
  font-style: normal;
  font-display: swap;    
}

@font-face {
  font-family: 'GPDestra';
  src: url('../fonts/GPDestra-Light.otf') ;
  font-weight: 100 900;  
  font-stretch: normal;
  font-style: normal;
  font-display: swap;   
}


:root {
    /* Light Mode (Standard) */
    --bg: #fff;
    --text: #000000;
    --link-bg: #efefef;
    --link-hover: rgb(221, 220, 220);
}

body{
  -webkit-font-smoothing: auto;    /* Chrome, Safari, Edge */
  -moz-osx-font-smoothing: auto;  
  font-family: Switzer, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  line-height:1;
  color: var(--text);
  background-color: var(--bg);
  margin:0;
  padding:0;
  overflow-x:hidden;
  transition: background-color 0.3s ease, color 0.3s ease;
}

::selection{
    background-color: var(--link-bg);
}

p{
    font-size: inherit;
    line-height: inherit;
}

a{
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  transition: 0.3s ease;
}
a:hover{
  color:var(--link-hover);
}

a:has(img) {
    background-color: transparent;
    padding: 0;
}
a:has(img):hover {
    background-color: transparent;
    padding: 0;
}

em{
    font-family: GPDestra, 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: normal;
}