*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2{font-family:Sora,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:700;text-transform:uppercase}.nokora-thin{font-weight:100}.nokora-light,.nokora-thin{font-family:Nokora,sans-serif;font-style:normal}.nokora-light{font-weight:300}p{font-weight:400}h2,p{font-family:Nokora,sans-serif;font-style:normal}h2{font-weight:700}.nokora-black{font-family:Nokora,sans-serif;font-style:normal;font-weight:900}h1,h2,p{color:var(--white)}:root{--dark-yellow:#af6708;--yellow:#f59c29;--light-yellow:#f7b155;--bright-yellow:#f9c580;--faded-yellow:#fdebd3;--dark-blue:#0f1d2e;--blue:#3e4856;--lightblue:#a0a6ac;--faded-blue:#ced1d4;--white:#fff;--black:#000;--gray:#151514;--red:red;--light-red:#ff5757;--green:green;--light-green:#0fff0f;--links:#6096fb}@supports (color:hsl(0 0% 0%/0)){:root{--blue:#004a99;--lightblue:#3396ff}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0f1c2d,#335f99 50%,#0f1c2d),#0f1c2d;background-attachment:fixed;background-repeat:no-repeat;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}main{margin:0 auto;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{color:#fff;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:80rem;position:relative}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem;font-weight:600;line-height:1.5rem}ul{list-style:none;margin:0;padding:0}a{color:#fff;color:var(--white);padding-right:.5rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--dark-blue);color:var(--white);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--links)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}canvas{height:75vh!important}.earthWindow{width:30rem}.settings{align-items:center;display:flex;flex-direction:column;height:95%;justify-content:space-evenly;width:75%;& img{width:200px}& form{width:100%}.general-settings{display:flex;flex-direction:column;width:90%}.slider{display:flex;justify-content:space-between;margin:1.2rem 0;padding:0 .5rem;& p{text-transform:uppercase}}.sliders{border:2px solid var(--yellow);box-shadow:0 0 4px 1px var(--light-yellow);display:flex;flex-direction:row;justify-content:space-evenly;text-transform:uppercase;width:8rem;& button{background:none;border:none;color:var(--white);text-transform:uppercase;width:50%}& .active{background:var(--yellow);box-shadow:0 0 4px 1px var(--light-yellow)}& .active:hover{background:var(--light-yellow)}& :hover{background-color:var(--blue)}}footer{display:flex;justify-content:space-between;width:100%}a{font-size:10px}}.settingsButton{background-color:var(--white);color:var(--white);display:block;height:1.5rem;padding:0;width:1.5rem;& a{margin-top:0}}.landing-nav{background:var(--gray);color:var(--white)}.landing-nav ul{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:90rem}.landing-nav li{color:#fff;font-family:Sora;font-size:1.25rem;padding:.5rem 1rem}.landing-nav img{max-width:10rem;transition:.1s}.landing-nav img:hover{filter:contrast(.4);transition:.1s}.landing-wrapper img{margin-right:auto;width:100%;z-index:-1}.landing-wrapper div{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-left:2px dashed var(--yellow);border-radius:5px;border-top:2px dashed var(--yellow);box-shadow:8px 12px 12px 1px #0003;left:3rem;padding:1rem;position:absolute;top:30%;width:70%;z-index:1}.landing-wrapper h1{color:var(--white);font-family:Sora;font-size:3rem;font-weight:700;line-height:normal;text-transform:uppercase}.landing-wrapper span{font-size:1.6rem;font-weight:400}.landing-wrapper p,.landing-wrapper span{color:var(--white);font-family:Nokora;line-height:normal}.landing-wrapper p{font-style:italic;font-weight:300}.revealer{inset:0;pointer-events:none;z-index:10}.revealer,.revealer .block{height:100%;position:absolute;width:100%}.revealer .block{transform-origin:left}.revealer .block1{animation:revealAnim 2s ease-in;background:var(--yellow);transform:scaleX(0)}.revealer .block2{align-items:center;animation:revealAnim 1.5s ease;animation-delay:.5s;background:var(--dark-blue);display:flex;flex-direction:column;justify-content:center;transform:scaleX(0)}.block2 img{max-width:60rem;padding:0 10rem;width:80%}.revealer .block3{animation:revealAnim forwards;animation-delay:.4s;background:var(--yellow)}@keyframes revealAnim{50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.hidden-content{display:none}.visible-content{display:block}.badges{& img{height:5rem;width:5rem}}.uitgelichte-missies_flex{.individual-mission{background-color:initial;border:2px solid var(--white);height:100%;width:100%}.individual-mission p{align-items:center;display:flex;justify-content:center;transform:rotate(-45deg)}.outer-border{border:1px solid var(--yellow);height:50px;padding:.2rem;width:50px}.rotated{transform:rotate(45deg)}&.rotated:hover>.outer-border{border:3px solid var(--yellow);box-shadow:0 0 4px 1px var(--light-yellow);padding:.1rem}}.uitgelichte-missies h2{font-size:large;font-weight:400;margin:1rem 0 1.1em .5rem}.uitgelichte-missies_flex{display:flex;gap:1.8rem;justify-content:space-evenly;padding-bottom:2rem}.lines{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;width:100%}.line-yellow-left{margin-left:-50%}.line-yellow-left,.line-yellow-right{border:2px solid var(--yellow);border-radius:5px;width:50%}.line-yellow-right{box-shadow:2px var(--black);margin-right:-50%}.line-white{border:1px solid var(--white);max-width:105%;width:100%}.popup-overlay{align-items:center;background-color:#00000080;box-shadow:0 0 10px #0000001a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:50}.popup-content{background-color:#ffffffb3;border-radius:5px;margin:0 16px;max-width:500px;padding:24px;width:100%}.button{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:.2rem;padding:5px 16px;text-transform:uppercase}.button-blue{background-color:var(--dark-yellow)}.button-blue:hover{background-color:var(--yellow)}.button-red{background-color:var(--dark-blue)}.button-red:hover{background-color:var(--blue)}.text-black{color:var(--black)}.game-over{color:#fff;font-size:3rem}.radar{background-color:var(--dark-blue);border:2px solid var(--white);border-radius:50%;height:400px;position:relative;width:400px}.airplane{cursor:pointer;height:20px;position:absolute;width:20px}.border-orange{border:2px solid var(--yellow)}.border-red{border:2px solid var}.profiel{& img{border-radius:50%;display:block;height:100px;margin:0 auto 1rem;width:100px}& h1{font-size:2rem}& a{color:var(--white)}}.links{& a{text-decoration:none}}.outer-profileButton{border:1px solid var(--white);display:inline-block;margin-left:1rem;margin-top:1rem;padding:.375rem;position:absolute;transform:rotate(45deg);z-index:100}.profileButton{background-color:var(--white);border:2px solid var(--dark-yellow);color:var(--white);display:block;height:1.5rem;padding:0;width:1.5rem}.profile-wrapper :hover>.profileButton{border:2px solid var(--yellow)}.progress-bar{background-color:var(--faded-blue);border-radius:25px;margin:20px 0;overflow:hidden;width:100%}.progress-bar-filled{background-color:var(--yellow);height:25px;transition:width .5s ease-in-out;width:0}.sprites{display:flex;margin-left:1rem}.spriteOuter{border:1px solid var(--yellow);padding:.2em;transform:rotate(-45deg)}.spriteInner{background:none;border:2px solid var(--white)}.spriteInner,.spriteInner p{align-items:center;display:flex;height:3rem;justify-content:center;width:3rem}.spriteInner p{text-transform:uppercase;transform:rotate(45deg)}footer{background:var(--gray);bottom:0;position:absolute;width:100%}footer div{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;padding:1rem}footer ul{display:flex;padding-bottom:.5rem}footer .disclaimer{color:var(--white);font-family:Nokora;font-size:10px;font-style:italic;font-weight:100}.profiel{background-color:var(--blue);border-left:1px solid var(--white);height:100vh;padding-left:1.5rem;padding-top:4rem;position:relative;text-align:center;transform:translateX(0);transition:transform 1s ease-in-out;& img{border-radius:50%;display:block;height:100px;margin:0 auto 1rem;width:100px}& h1{font-size:2rem}& a{color:var(--white)}}.profile-panel{background-color:var(--white);box-shadow:-2px 0 5px #00000080;height:100vh;position:fixed;right:-300px;top:0;transition:right .2s;width:300px;z-index:100}.profile-panel.open{right:0}.badges{margin-top:5rem}.links{display:flex;margin-top:12rem;& a{text-decoration:none}}.badges{display:flex;flex-wrap:wrap;& img{height:5rem;width:5rem}}.not-achieved{filter:saturate(0);opacity:.5}.Log-in-out__btn{background-color:var(--dark-yellow);border:none;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin:1rem;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.Log-in-out__btn:hover{background-color:#000}input,label{display:block}input,label{color:var(--white)}input{background-color:var(--dark-blue)}.outer-settingsButton{border:1px solid var(--white);display:inline-block;margin-left:1rem;margin-top:1rem;padding:.375rem}.grid-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:10px}.grid-item img{align-items:center;display:block;display:flex;filter:contrast(.5);height:auto;justify-content:center;margin-left:auto;margin-right:auto;opacity:.5;overflow:hidden;width:13rem}.selected-avatar img{border:3px solid var(--yellow);filter:contrast(1)}.grid-item img:hover{border:5px solid var(--light-yellow);filter:contrast(1);opacity:1}.avatar-selectie-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.prestatieCustom-container{background-color:#0a0f25;color:#fff;min-height:100vh;padding:20px;text-align:center}.prestatieCustom-header h1{font-size:2rem;margin-bottom:10px}.prestatieCustom-xp-section{font-size:2rem;margin-bottom:20px}.prestatieCustom-xp-title{font-size:1.5rem}.prestatieCustom-xp-value{font-size:3rem}.prestatieCustom-stats-section{display:flex;justify-content:space-around;margin-bottom:20px}.prestatieCustom-stat-item{text-align:center}.prestatieCustom-icon{font-size:2rem;margin-bottom:10px}.prestatieCustom-stat-title{font-size:1.2rem}.prestatieCustom-circle{height:120px;margin:0 auto;position:relative;width:120px}.progress-ring__circle{stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s}.prestatieCustom-circle-text{fill:#fff;font-size:1.2rem}.prestatieCustom-badges-section{margin:40px 0}.prestatieCustom-badges-container{display:flex;gap:20px;justify-content:center}.prestatieCustom-badge{background-color:gray;border-radius:50%;height:60px;width:60px}.prestatieCustom-graph-section{margin:40px 0;padding-top:4rem}.prestatieCustom-graph-placeholder{display:flex;justify-content:center;padding-top:2rem;width:100%}.game{align-items:center;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;padding:10px;width:100%}.timer{color:var(--white);font-family:nokora;font-size:24px}.pause-button{font-size:16px;padding:10px}.retry-button,.start-button{font-size:16px;margin-left:10px;padding:10px}.map{background-image:url(/static/media/topview.4f3344b8da9e17ff9d3f.png);border:4px dashed var(--yellow);border-radius:1%;height:600px;margin-top:20px;position:relative;width:600px}.center-object{background-color:var(--green);border:2px solid var(--light-green);height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.soldier{background-color:var(--blue);border:5px dashed var(--light-blue)}.enemy,.soldier{height:30px;position:absolute;width:30px}.enemy{background-color:var(--light-red);border:2px solid var(--red);border-radius:100%;box-shadow:0 0 4px 2px #00000040;cursor:pointer}.game-over{color:var(--white);font-size:48px;font-size:32px;margin-top:20px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.card-image{height:auto;max-height:150px;object-fit:cover;width:100%}.card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:15px}.card-title{color:#333;font-size:1.25em;margin-bottom:10px}.card-content{color:#666;font-size:1em}.news-page{padding:20px;position:relative}.profile-button{left:20px;position:absolute;top:20px;z-index:1000}.news-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.news-title{color:#fff;font-size:2em}.featured-card{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:20px;width:100%}.featured-card .card{max-height:25rem;overflow:hidden;width:100%}.news-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.card-wrapper{margin:20px;width:calc(33.333% - 40px)}@media (max-width:768px){.card-wrapper{width:calc(50% - 40px)}.featured-card .card{max-height:none}}@media (max-width:480px){.card-wrapper{width:100%}.featured-card{padding:10px}}.profile-panel{display:none}.profile-panel.open{display:block}
/*# sourceMappingURL=main.976c22d8.css.map*/