#app{font-family:Nunito Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app,body{width:100vw;height:100vh;overflow:hidden}body{margin:0;padding:0;background:#ccc}.absolute{position:absolute}.hidden{display:none!important}.outer_container{position:relative;width:1920px;height:1080px;background:#00a0e9;overflow:hidden;transform-origin:0 0}.hexagon_container{position:absolute;width:128px;height:148.4px}.hexagon_container .birthday{position:absolute;width:20%;aspect-ratio:auto 1/1.159375;content:" ";background-size:cover;top:40%;z-index:1;color:#b8308a}.hexagon_container.left .birthday{left:-10%}.hexagon_container.right .birthday{left:90%}.hexagon_container .anniversary{position:absolute;width:20%;aspect-ratio:auto 1/1.159375;content:" ";background-size:cover;top:40%;z-index:1;color:#f08c34}.hexagon_container.left .anniversary{left:-10%}.hexagon_container.right .anniversary{left:90%}.hexagon_photo{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50%;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hexagon_container .name_container{position:absolute;width:180%;height:100%;aspect-ratio:auto 2/1;content:" ";background-size:cover;top:0;z-index:1;color:#fff}.hexagon_container .name_container>div{display:flex;align-items:center;height:100%}.hexagon_container .name{font-size:22px;font-weight:700}.hexagon_container .function{font-size:17px;font-weight:400}.hexagon_container.left .name_container{right:120%;text-align:right}.hexagon_container.right .name_container{left:120%;text-align:left}.hexagon_container.left .name_container>div{justify-content:right}.hexagon_container.right .name_container>div{justify-content:left}.team{line-height:1.2em}.toppanel_container{position:absolute;top:0;left:640px;width:640px;height:210px}.toppanel_container svg{width:640px}.toppanel_container .team{position:absolute;top:20px;width:640px;left:50%;margin-left:-320px;color:#00a0e9;text-transform:uppercase;font-size:36px;font-weight:700}.leftpanel_container{position:absolute;left:-220px;top:430px;width:640px;height:210px;transform:rotate(270deg)}.leftpanel_container svg{width:640px}.leftpanel_container .team{position:absolute;top:24px;width:640px;left:50%;margin-left:-320px;color:#00a0e9;text-transform:uppercase;font-size:36px;font-weight:700}.bottompanel_container{position:absolute;bottom:0;left:640px;width:640px;height:210px}.bottompanel_container svg{width:640px}.bottompanel_container .team{position:absolute;bottom:20px;width:640px;left:50%;margin-left:-320px;color:#00a0e9;text-transform:uppercase;font-size:36px;font-weight:700}.rightpanel_container{position:absolute;left:1500px;top:430px;width:640px;height:210px;transform:rotate(90deg)}.rightpanel_container svg{width:640px;height:220px}.rightpanel_container .team{position:absolute;top:24px;width:640px;left:50%;margin-left:-320px;color:#00a0e9;text-transform:uppercase;font-size:36px;font-weight:700}.hexagon_background{position:absolute}.hexagon_background svg{width:1452px;height:1684px}.hexagon_background_cl{color:#fff;left:-726px;top:-302px}.hexagon_background_bl{color:#fff;left:-726px;top:796px}.hexagon_background_tl{color:#fff;left:-726px;top:-1400px}.hexagon_background_br{color:#fff;left:1194px;top:796px}.hexagon_background_tr{color:#fff;left:1194px;top:-1400px}.fill_white{color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity 2s}.fade-enter,.fade-leave-to{opacity:0}.wijzijnintos{position:absolute;color:#00a0e9;z-index:2;top:240px;left:80px}.wijzijnintos svg{width:560px}.logo_groot{position:absolute;color:#fff;z-index:2;top:340px;left:930px}.logo_groot svg{width:880px}*{box-sizing:border-box}.video-background{background:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-99}.video-background iframe,.video-foreground{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#vidtop-content,.vid-info{top:0;color:#fff}.vid-info{position:absolute;right:0;width:33%;background:rgba(0,0,0,.3);padding:1rem;font-family:Avenir,Helvetica,sans-serif}.vid-info h1{font-size:2rem;font-weight:700;margin-top:0;line-height:1.2}.vid-info a{display:block;color:#fff;text-decoration:none;background:rgba(0,0,0,.5);transition:background .6s;border-bottom:none;margin:1rem auto;text-align:center}@media (min-aspect-ratio:16/9){.video-foreground{height:300%;top:-100%}}@media (max-aspect-ratio:16/9){.video-foreground{width:300%;left:-100%}}@media (max-width:600px){.vid-info{width:50%;padding:.5rem}.vid-info h1{margin-bottom:.2rem}}@media (max-width:500px){.vid-info .acronym{display:none}}.iframe{width:470px;height:265px;margin:5px;background:#333;padding:0;float:left;border:0}