@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


body{  font-family: "Outfit", sans-serif; width: 100vw; height: 100%; margin: 0; padding: 0; overflow: hidden;}
main { margin: 0; padding: 0; width: 100%; height: auto;  position: fixed; left:0; right: 0; top:22%; overflow: hidden; display: block;}
main header {  margin: 0;  padding: 0;}
main header h1 {  display: block;  margin: 0;  padding: 0;  text-align: center;}
main header h1 svg {width: 100%; max-height: 480px;}
.w_w_b {opacity: .2;margin: 0; padding: 0; width: 200%; height: 200%; top: -50%; left: -50%; position: fixed; z-index:-1;}
.w_w_b video {position: absolute; z-index: 1; top:0; bottom:0; left: 0; right:0; margin:auto; padding: 0;  min-width: 50%; min-height: 50%;}
.w_w_b .w_w_b_o { margin: 0; padding: 0; background: rgba(199,178,153,0.0); display: block; position: fixed; z-index: 2; top:0; left: 0; min-width: 100%; min-height: 100%;}
.w_panel{margin: 0 auto; padding: 0; position: absolute;left:0;right: 0;width: 95%; height: 95%;background:rgba(199,178,153,0.0);z-index: 2;}
.w_panel .indicator01 {background: rgba(0,0,0,1.0); position: fixed; top:7%; left:5%; max-width: 165px;}
.w_panel .indicator01 h2 {padding: 5px; margin: 10px;font-size: 1.3333em; letter-spacing: 2px;font-weight: 400;text-transform: uppercase;color:#fff; text-align: left;}
.w_panel .indicator01 h2 span{font-weight: 900;}
.w_panel .indicator01 h2 a {color:#f2f2f2;  text-decoration: none;}
.w_panel .indicator02 {background: rgba(222,110,0,1.0); position: fixed; top:7%; right:5%;max-width: 165px;}
.w_panel .indicator02 h2 {padding: 5px; margin: 10px;font-size: 1.3333em; letter-spacing: 2px;font-weight: 400;text-transform: uppercase;color:#fff; text-align: left;}
.w_panel .indicator02 h2 span{font-weight: 900;}
.w_panel .indicator02 h2 a {color:#f2f2f2;  text-decoration: none;}
.w_panel .indicator03 {background: rgba(222,221,220,1.0); position: fixed; bottom:7%; left:5%;max-width: 165px;}
.w_panel .indicator03 h2 {padding: 5px; margin: 10px;font-size: 1.3333em; letter-spacing: 2px;font-weight: 400;text-transform: uppercase;color:#000; text-align: left;}
.w_panel .indicator03 h2 span{font-weight: 900;}
.w_panel .indicator03 h2 a {color:#000;  text-decoration: none;}
.w_panel .indicator04 {background:rgba(222,011,0,1.0);  position: fixed; bottom:7%; right:5%;max-width: 180px;}
.w_panel .indicator04 h2 {padding: 5px; margin: 10px;font-size: 1.3333em; letter-spacing: 2px;font-weight: 400;text-transform: uppercase;color:#fff; text-align: left;}
.w_panel .indicator04 h2 span{font-weight: 900;}
.w_panel .indicator04 h2 a {color:#fff;  text-decoration: none;}
footer{background: rgba(199,178,153,0.1); position: fixed; bottom: 0; left: 0; right: 0;text-align: center; width: 100%; font-weight: 100; font-size:0.8em;letter-spacing: 5px;}
