@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";.flag-icon-background{background-position:50%;background-repeat:no-repeat;background-size:contain}.flag-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.33333em;line-height:1em;display:inline-block;position:relative}.flag-icon:before{content:" "}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ca{background-image:url(ca.ebee9d65.svg)}.flag-icon-gb{background-image:url(gb.0961d955.svg)}.flag-icon-us{background-image:url(us.de58fc14.svg)}.flag-icon-ve{background-image:url(ve.563325b7.svg)}.flag-icon-fr{background-image:url(fr.2e87749c.svg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--color-white:#fff;--color-vdkm-green:#d7df23;--color-vdkm-grey:#383838;--color-main-background:#181818;--color-overlay-background:#00000040;--color-icon-default:#b0b3b8;--color-horizontal-line:#767676;--font-size-xx-small:calc((11/16)*1rem);--font-size-x-small:calc((13/16)*1rem);--font-size-small:calc((15/16)*1rem);--font-size-default:calc((17/16)*1rem);--font-size-large:calc((19/16)*1rem);--font-size-x-large:calc((21/16)*1rem);--font-size-xx-large:calc((23/16)*1rem);--padding-default:15px 30px;--border-radius-default:.625rem;--max-grid-card-width:20rem;--max-grid-menu-width:calc(var(--max-grid-card-width)*5);--padding-grid-left-right:calc(100vh - (var(--max-grid-menu-width)/2));--duration-fast:.25s;--duration-fast-reduced:.5s;--duration-default:.5s;--duration-default-reduced:1s}*,:before,:after{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#999}::-webkit-scrollbar-thumb{background-color:#666}@supports (scrollbar-color:rgb(102, 102, 102) rgb(153, 153, 153)){*{scrollbar-color:#666 #999;scrollbar-width:thin}}html{min-height:100vh}body{color:#272727;letter-spacing:0;background:var(--color-main-background);margin:0;font-family:Roboto,sans-serif}h1,h3{color:#fff}.overlay{z-index:2;background:#000 url(overlay_background.d5eb2af3.jpg) 50%/auto 100% no-repeat;width:0;height:100%;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}.topnav{z-index:1;max-width:1400px;margin:0 auto;position:relative;overflow:hidden}.topnav a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;font-size:1.125rem;text-decoration:none;display:block}.topnav .btn-about-project{float:right;cursor:pointer;font-size:var(--font-size-default);border-radius:10px;margin-top:8px;margin-right:0}.topnav .btn-about-project-temp{float:right;cursor:pointer;color:#000;font-size:var(--font-size-default);background-color:#d7e023;border-radius:10px;margin-top:8px;margin-right:0}.topnav .btn-go-back{float:right;cursor:pointer;font-size:var(--font-size-default);border-radius:10px;margin-top:8px;margin-right:0;display:none}.topnav .btn-go-back-temp{float:right;color:#000;font-size:var(--font-size-default);cursor:pointer;background-color:#d7e023;border-radius:10px;margin-top:8px;margin-right:0;display:none}.topnav .btn-soldier-menu{float:left;cursor:pointer;font-size:var(--font-size-default);border-width:1px;border-radius:10px;margin-top:8px;margin-right:8px;display:none}.uppercase{text-transform:uppercase}.topnav .btn-soldier-menu-temp{float:left;color:#000;font-size:var(--font-size-default);cursor:pointer;background-color:#d7e023;border-radius:10px;margin-top:8px;margin-right:8px;display:none}.topnav .btn-country-menu{float:left;cursor:pointer;font-size:var(--font-size-default);border-radius:10px;margin-top:8px;margin-right:8px}.topnav .btn-country-menu-temp{float:left;cursor:pointer;color:#000;font-size:var(--font-size-default);background-color:#d7e023;border-radius:10px;margin-top:8px;margin-right:8px}.sidenav{z-index:3;background-color:#141414e6;width:0;height:100%;padding-top:60px;transition:all .4s;display:none;position:fixed;top:0;left:0;overflow-x:hidden}.btn-active{color:#d7e023!important;font-weight:bolder!important}#sidenavDummy{z-index:2;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.btn-soldier,.btn-soldier-placeholder,.btn-country{min-width:275px;transition:all .5s}.btn-soldier,.btn-soldier-placeholder,.btn-country,.btn-close-nav{color:#fff;-webkit-user-select:none;user-select:none;padding:8px 8px 8px 32px;font-size:1.25rem;font-weight:400;text-decoration:none;transition:all .25s;display:block}.btn-soldier-placeholder{cursor:default!important}.btn-soldier:hover,.btn-country:hover,.btn-close-nav:hover{color:#d7e023;cursor:pointer;font-weight:bolder}.sidenav .btn-close-nav{margin-left:50px;font-size:36px;position:absolute;top:0;right:25px}#email{color:#d7e023;cursor:pointer;text-decoration:none}.menu{z-index:1;-webkit-user-select:none;user-select:none;max-width:1200px;margin:0 auto;padding:1rem;display:none;position:relative}h1{text-align:center;font-size:24px;font-weight:400}img{vertical-align:middle;max-width:100%;height:auto}.btn{color:#fff;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;width:100%;margin-top:10px;padding:.8rem;font-size:14px;font-weight:400;display:block}.btn:hover{color:#000;background-color:#d7e023;font-weight:700}.cards{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cards_item{padding:1rem;display:flex}.card{border-radius:.25rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 40px -14px #00000040}.card-content{background-image:linear-gradient(#333333e6,#444444b3);padding:1rem}.card-title{color:#fff;letter-spacing:1px;text-transform:capitalize;margin:0;font-size:1.1rem;font-weight:700}.card-text{color:#fff;margin-bottom:1.25rem;font-size:.875rem;font-weight:400;line-height:1.5}.author{font-weight:300;font-size:var(--font-size-x-small);-webkit-user-select:none;user-select:none;text-align:center;z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0;left:0}.soldier-panel{border-radius:var(--border-radius-default);z-index:1;background-color:#202020cc;border:1px solid #ffffff1a;max-width:1400px;margin:15px auto;padding:10px;display:none;position:relative;box-shadow:0 5px 10px #0009}.column{float:left;margin-top:0;padding:0 20px}.column .h3{padding-left:10px;font-weight:400}#columnLeft{width:70%}#columnRight{width:30%}#upperLine,#lowerLine{float:left;width:100%;margin-bottom:15px}.row:after{content:"";clear:both;display:table}.soldier-image{background:url(loading.7ff8a2ac.gif) 50% no-repeat;border:1px solid #ffffff40;width:auto}.soldier-card{margin:auto}.soldier-text{color:#fff;line-height:1.5;font-size:var(--font-size-default);margin-top:0}.soldier-info-text{float:right;width:92.5%}.soldier-info-paragraph{float:left;color:#fff;width:100%;margin:.6em 0 .5em;font-size:1.125rem;display:inline-block}.soldier-info-paragraph i{color:#d7e023}.soldier-name{color:#fff;font-size:1.25rem}.about-section{text-align:center;color:#fff;background-color:#474e5d;padding:50px}.soldier-button{color:#fff;text-align:center;cursor:pointer;pointer-events:all;-webkit-user-select:all;user-select:all;background-color:#333;border:1px solid #80808040;border-radius:4px;outline:0;width:100%;padding:8px;font-size:1.125rem;font-weight:400;display:inline-block}.soldier-button:hover{color:#000;background-color:#d7e023}.soldier-button.inactive{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;color:#ffffff80;border:1px dashed #ffffff40}#soldierPanelHeader h1{padding-left:20px;padding-right:20px}#soldierFullName{text-align:right;float:right;font-size:var(--font-size-x-large);width:50%;margin-top:5px;margin-bottom:5px;font-weight:300}#countryName{text-align:left;float:left;font-size:var(--font-size-x-large);width:50%;margin-top:5px;margin-bottom:5px;font-weight:300}@media screen and (max-width:1024px){.soldier-info-text{width:90%}}@media screen and (max-width:980px){#soldierPanelHeader h1{text-align:center}#soldierFullName,#countryName{width:100%}}@media screen and (max-width:895px){.menu{display:block}.topnav .btn-country-menu{display:none}}@media screen and (max-width:800px){.soldier-info-text{width:85%}}@media screen and (max-width:650px){.column{display:block}#columnLeft{float:right;width:100%}#columnRight{float:left;width:100%}#soldierPanelHeader h1{text-align:center}.soldier-info-text{width:95%}}@media (min-width:40rem){.cards_item{width:50%}}@media (min-width:56rem){.cards_item{width:33.3333%}}.modal{z-index:3;overscroll-behavior:contain;background-color:#0006;width:100%;height:100%;padding-top:16px;padding-bottom:16px;animation:.5s fadeIn;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{border-radius:var(--border-radius-default);color:#fff;font:var(--font-size-default);background-color:#202020cc;border:1px solid #ffffff1a;width:50%;margin:auto;padding:10px;line-height:1.5;box-shadow:0 5px 10px #0009}.btn-close-modal{color:#aaa;float:right;margin-top:8px;margin-right:8px;font-size:28px;font-weight:700}.btn-close-modal:hover,.btn-close-modal:focus{color:#d7e023;cursor:pointer;text-decoration:none}p{margin:18px 10px}.flag-btn{margin-right:.25rem}.flag-soldier-name{margin-right:.75rem}.map-container{width:100vw;height:100vh;position:fixed;top:0;left:0}.map{z-index:-2;width:90%;height:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.map-gradient{z-index:-3;background-image:radial-gradient(closest-side,#4f806726 30%,#121015 100%);width:100%;height:100%;position:fixed}.map-grid{z-index:-1;-webkit-user-select:none;user-select:none;pointer-events:none;background-image:url(map_grid.8e1148ba.svg);width:100%;height:100%;position:fixed}.blured{filter:blur(5px)}.cls-1,.cls-2{fill:#333600cc;stroke:#d7df23cc;stroke-linecap:round;stroke-linejoin:round;stroke-width:.016rem}.cls-2{fill-rule:evenodd}#pathCAN:hover,#pathGBR:hover,#pathUSA:hover,#pathVEN:hover,#pathFRA:hover{cursor:pointer}#infoBox{z-index:1;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#333;background-image:linear-gradient(to bottom right,#333,#444);border:2px solid #d7e023;border-radius:4px;padding:8px;display:none;position:absolute;top:0;left:0}#titleAboutProject{font-weight:300;font-size:var(--font-size-default)}.unselectable{-webkit-user-select:none;user-select:none}@media screen and (max-width:895px){map{display:none}.author{position:relative}}@media screen and (max-width:1024px){.modal-content{width:80%}}@media screen and (max-width:640px){.modal-content{width:90%}}
/*# sourceMappingURL=index.edc216fb.css.map */