@font-face {
     font-family: 'Nunito';
     src: url('google-font/Nunito-ExtraLight.woff2') format('woff2'), url('google-font/Nunito-ExtraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Nunito';
     src: url('google-font/Nunito-Regular.woff2') format('woff2'), url('google-font/Nunito-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Roboto';
     src: url('google-font/Roboto-Regular.woff2') format('woff2'), url('google-font/Roboto-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Roboto';
     src: url('google-font/Roboto-Bold.woff2') format('woff2'), url('google-font/Roboto-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Nunito';
     src: url('google-font/Nunito-Bold.woff2') format('woff2'), url('google-font/Nunito-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }