/*@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@900&family=Open+Sans:wght@300;400;800&display=swap');


/*@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('Open Sans'), local('Open_Sans'), local('OpenSans_Regular'), 
         url('../fonts/OpenSans-Regular/OpenSans-Regular.woff2') format('woff2'), 
         url('../fonts/OpenSans-Regular/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans';
    src: local('OpenSansBold'), local('Open Sans Bold'), local('Open_Sans_Bold'), local('OpenSans_Bold'), 
         url('../fonts/OpenSans-Bold/OpenSans-Bold.woff2') format('woff2'), 
         url('../fonts/OpenSans-Bold/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lexend';
    src: local('LexendBlack'),local('Lexend-Black'),local('Lexend Black'),
         url('../fonts/Lexend-Black/Lexend-Black.woff2') format('woff2'), 
         url('../fonts/Lexend-Black/Lexend-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/


/* some animations */
@-webkit-keyframes loading-opacity {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.6; }
  100% { opacity: 1.0; }
}
@keyframes loading-opacity {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.6; }
  100% { opacity: 1.0; }
}