@-webkit-keyframes fadeBounce{0%{opacity:0;transform:translateY(200%)}40%{transform:translateY(0)}55%{transform:translateY(6px)}70%{opacity:1;transform:translateY(0)}85%{transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeBounce{0%{opacity:0;transform:translateY(200%)}40%{transform:translateY(0)}55%{transform:translateY(6px)}70%{opacity:1;transform:translateY(0)}85%{transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0;transform:scale(0)}10%{opacity:10%;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}10%{opacity:10%;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-230%)}to{transform:translate(230%)}}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(1.7)}to{-webkit-transform:scale(1);transform:translateY(-187%)}}@keyframes scaleIn{0%{transform:scale(1.7)}to{transform:scale(1);transform:translateY(-187%)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}html,body{height:100%;width:100%;margin:0;padding:0}body{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:100vh}#Banner{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:2;background-image:linear-gradient(to right top,#1d2224,#282b2d,#333537,#3e3f40,#49494a,#49494a,#49494a,#49494a,#3e3f40,#333537,#282b2d,#1d2224);padding:10px;border:#02b7d6 4px solid;border-radius:10px;border-top:none;width:fit-content;text-align:center}.top{position:fixed;top:0;left:0;right:0;z-index:1;text-align:center;scale:1.5}#viewDiv{display:flex;flex:15;height:100%;width:100%}h2{margin:0;font-family:Sofia,sans-serif;font-size:70px;text-shadow:2px 2px 2px #02b7d6}#title{transform:scale(1.7)}.fadeOutLogo{-webkit-animation:scaleIn .7s ease-in forwards;animation:scaleIn .7s ease-in forwards;animation-fill-mode:forwards}.fadeOut{-webkit-animation:fadeOut .7s ease-in forwards;animation:fadeOut .7s ease-in forwards;animation-fill-mode:forwards}#info{margin:0 0 15px;font-size:20px;font-family:Noto Sans,sans-serif;color:#fff}.popup-tab{position:absolute;left:-30%;top:90;height:480;width:25%;background-image:linear-gradient(to right top,#1d2224,#282b2d,#333537,#3e3f40,#49494a,#49494a,#49494a,#49494a,#3e3f40,#333537,#282b2d,#1d2224);padding:10px;border:#02b7d6 4px solid;border-radius:10px;border-left:none;transition:left .3s;overflow-y:auto}.tab-content{display:none;padding:20px;position:relative}.tab-content p{color:#fff;font-family:Noto Sans,sans-serif;font-size:25px}.extraMargin{margin:20px}.scoreList{display:flex;flex-direction:row;color:#fff}.tab-icon{display:block;position:absolute;left:10px;top:30px;transform:translateY(-50%);font-size:32px;cursor:pointer;transition:left .3s;color:#fff}#close-icon{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;padding:10px 18px;background-color:#000;color:#fff;border-radius:5px;text-align:center}.zindex2{z-index:2}.topcorner{position:absolute;top:0;right:0;margin:20px;font-size:30px}.esri-popup__collapse-icon,.esri-ui-top-left{display:none}.menuButtons{display:flex;flex-direction:row;justify-content:space-around}h2.esri-widget__heading{text-shadow:none;font-family:Noto Sans,sans-serif}.score,.companiesFound{color:#fff;padding-left:5px;animation:fadeBounce 1s forwards;-webkit-animation:fadeBounce 1s forwards;z-index:2}.modal{display:flex;flex-direction:column;justify-content:center;align-self:center;gap:.4rem;width:auto;padding:1.3rem;min-height:250px;position:absolute;top:20%;border-radius:15px;z-index:5;animation:fadeIn 1s forwards;-webkit-animation:fadeIn 1s forwards}.modal .flex{display:flex;align-items:center;justify-content:space-between}button{cursor:pointer;border:none;font-weight:600}.btn{display:inline-block;padding:.8rem 1.4rem;font-weight:700;background-image:linear-gradient(to right bottom,#000000,#1c1c1c,#323232,#4E4E4E,#323232,#1c1c1c,#000000);color:#fff;border-radius:5px;text-align:center;font-size:30px;width:230px;align-self:center;transform:translateY(100px);font-family:Noto Sans,sans-serif}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.5);background-image:linear-gradient(to left bottom,rgba(36,36,36,.7),rgba(52,52,52,.7),rgba(69,69,69,.7),rgba(87,87,87,.7),rgba(105,105,105,.7),rgba(105,105,105,.7),rgba(105,105,105,.7),rgba(105,105,105,.7),rgba(87,87,87,.7),rgba(69,69,69,.7),rgba(52,52,52,.7),rgba(36,36,36,.7));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3}.topcorner p{margin:0}.modal h2{margin-bottom:50}.hidden{display:none}.grid-container,.grid-container-top{position:absolute;width:200%;height:100vh;bottom:0;left:-50%;overflow:hidden;transform:perspective(200px) rotateX(40deg) scale(1) translateZ(0);transform-origin:bottom;padding:1px;-webkit-background-clip:content-box;-webkit-backface-visibility:hidden;outline:1px solid transparent;will-change:transform}.grid-line{height:100%;width:100%;position:absolute}.grid-line:before,.grid-line:after{content:"";display:block;position:absolute}.grid-line:before{height:5px;width:100%;background:teal}.grid-line:after{height:100%;width:5px;background-image:linear-gradient(transparent,teal)}.grid-line:nth-child(1):before{top:0%;opacity:0}.grid-line:nth-child(2):before{top:10%;opacity:0}.grid-line:nth-child(3):before{top:20%;opacity:.3}.grid-line:nth-child(4):before{top:30%;opacity:.4}.grid-line:nth-child(5):before{top:40%;opacity:.5}.grid-line:nth-child(6):before{top:50%;opacity:.6}.grid-line:nth-child(7):before{top:60%;opacity:.7}.grid-line:nth-child(8):before{top:70%;opacity:.8}.grid-line:nth-child(9):before{top:80%;opacity:.9}.grid-line:nth-child(10):before{top:90%;opacity:1}.grid-line:nth-child(11):before{top:calc(100% - 3px)}.grid-line:nth-child(1):after{left:0%}.grid-line:nth-child(2):after{left:10%}.grid-line:nth-child(3):after{left:20%}.grid-line:nth-child(4):after{left:30%}.grid-line:nth-child(5):after{left:40%}.grid-line:nth-child(6):after{left:50%}.grid-line:nth-child(7):after{left:60%}.grid-line:nth-child(8):after{left:70%}.grid-line:nth-child(9):after{left:80%}.grid-line:nth-child(10):after{left:90%}.grid-line:nth-child(11):after{left:calc(100% - 3px)}.tron-button{background:#1a1a1a;color:#02b7d6;display:inline-block;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;text-decoration:none}.tron-button__left-line{animation:up 1s infinite;background:linear-gradient(to top,rgba(0,109,128,.3),#02b7d6);position:absolute;left:0;top:0;height:100%;width:4px}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.tron-button__top-line{animation:right 1s .5s infinite;background:linear-gradient(to right,rgba(0,109,128,.3),#02b7d6);position:absolute;left:0;top:0;width:100%;height:4px}@keyframes right{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tron-button__right-line{animation:bottom 1s infinite;background:linear-gradient(to bottom,rgba(0,109,128,.3),#02b7d6);position:absolute;right:0;top:0;height:100%;width:4px}@keyframes bottom{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.tron-button__bottom-line{animation:left 1s .5s infinite;background:linear-gradient(to left,rgba(0,109,128,.3),#02b7d6);position:absolute;left:0;bottom:0;width:100%;height:4px}@keyframes left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.tron-button:hover,#close-icon:hover{box-shadow:0 0 100px 5px #2e4774;background-color:#02b7d6;color:#1a1a1a;transition:all .3s ease-in}
