@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Grand+Hotel&family=Roboto+Condensed&display=swap');
/*Reset CSS*/
/*a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*/
/* --- Root --- */
:root
  {
  --ColorNiv1: #b2d6c3;
  --ColorNiv2: #A4CFE0;
  --ColorNiv3: #58A7C6;
  --ColorNiv4: #666666;
  --ColorNiv5: #333333;
  }
html{scroll-behavior:smooth}
body{font:1em/2em 'Roboto Condensed'}
section {font:1em/2em Poppins}
/* --- Bootstrap-like class --- */
/* Background */
.LFDC_backgroundNiv1,.LFDC_linkButtonNiv1 {background:var(--ColorNiv1)}
.LFDC_backgroundNiv2,.LFDC_linkButtonNiv2 {background:var(--ColorNiv2)}
.LFDC_backgroundNiv3,.LFDC_linkButtonNiv3 {background:var(--ColorNiv3)}
.LFDC_backgroundNiv4,.LFDC_linkButtonNiv4 {background:var(--ColorNiv4)}
.LFDC_backgroundNiv5,.LFDC_linkButtonNiv5 {background:var(--ColorNiv5)}

.LFDC_linkButtonNiv1:hover {color:var(--ColorNiv1)}
.LFDC_linkButtonNiv2:hover {color:var(--ColorNiv2)}
.LFDC_linkButtonNiv3:hover {color:var(--ColorNiv3)}
.LFDC_linkButtonNiv4:hover {color:var(--ColorNiv4)}
.LFDC_linkButtonNiv5:hover {color:var(--ColorNiv5)}
/* Colors */
.LFDC_colorNiv1,.LFDC_linkColorNiv1,.LFDC_linkHoverColorNiv1:hover{color:var(--ColorNiv1)}
.LFDC_colorNiv2,.LFDC_linkColorNiv2,.LFDC_linkHoverColorNiv2:hover{color:var(--ColorNiv2)}
.LFDC_colorNiv3,.LFDC_linkColorNiv3,.LFDC_linkHoverColorNiv3:hover{color:var(--ColorNiv3)}
.LFDC_colorNiv4,.LFDC_linkColorNiv4,.LFDC_linkHoverColorNiv4:hover{color:var(--ColorNiv4)}
.LFDC_colorNiv5,.LFDC_linkColorNiv5,.LFDC_linkHoverColorNiv5:hover{color:var(--ColorNiv5)}

/* ProgressBar*/
.progressContainer {
  width: 100%;
  height: .2em;
  background:var(--ColorNiv5);
}
.progressBar {
  height: .2em;
  background:var(--ColorNiv3);
  width: 0%;
}