@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,800;0,900;1,400&display=swap');

 * {
   font-family: 'Rubik', sans-serif;
   /* set a variable for the background image url */
  
 }

 .bg-desktop {
   background: var(--bg-img) no-repeat center center fixed;
   background-size: cover;
 }

 .bg-desk-blur {
   background: var(--bg-img-blur) no-repeat center center fixed;
   background-size: cover;
   overflow: hidden;
   position: absolute;
 }

 /* .tk-clickable on click on this div, the img inside animates with scale 0.5 and transition on 200ms */

 .tk-clickable {
   cursor: pointer;
   transition: all 50ms ease-in-out;
 }

 /* image or span */
 .tk-clickable img {
   transition: all 100ms ease-in-out;
 }


 .tk-clickable:active img {
   transform: scale(0.8);
 }

 .ui-tooltip {
   border: 1px solid white;
   background: #111;
   color: white;
 }