.cd-words-wrapper{display:inline-block;position:relative;text-align:left;font-size:70px}.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}.blc{font-size:70px}.cd-words-wrapper b.is-visible,.with-arrow .nav-link.active{position:relative}.cd-headline.clip span{display:inline-block;padding:.2em 0}.cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.clip b{opacity:0}.cd-headline b.is-visible{opacity:1;font-weight:900}#clear{display:block;margin-left:auto;margin-right:auto;width:40%}.card-header{height:300px}.card-header-kat{height:200px;background-image:inherit}#download-icon{font-size:30px;color:#000;opacity:.4}#heading-card{margin-top:40px;font-size:45px}.cardheader-text{color:var(--red)}.card-text.sub-text-color{color:#8c8c8c}.card-text:last-child{font-size:30px;color:#595959}#cardheader-subtext{font-size:20px}.card.cards-shadown{box-shadow:2px 2px 30px #aaa}.row.space-rows{margin:40px}.col{padding:20px 7px 0}.card.cards-shadown.cards-hover:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);z-index:99}.card-header:first-child:hover{background-color:#ffb366}.jumbotron.jumbotron-main{height:100%;width:100%;font-family:Roboto,sans-serif;color:#fff;padding-top:0;padding-bottom:0;position:relative;margin:0}#particles-js{position:absolute;width:100%;height:100%;background-image:url(../../assets/img/head.jpeg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.jumbotron.jumbotron-main hr{border-width:1px 0;border-style:dotted none;border-color:rgba(255,255,255,.35);-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;width:49px;height:4px;text-align:center;position:relative;clear:both}.header-dark .navbar .navbar-collapse span .login:hover,.jumbotron.jumbotron-main a{color:#fff}.center-vertically{display:table-cell;vertical-align:middle;height:100%}.center-vertically-holder{display:table;height:100%}@media (min-width:576px){.rounded-nav,.rounded-nav .nav-link{border-radius:50rem!important}}.with-arrow .nav-link.active::after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2b90d9;position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);display:block}.lined .nav-link,.lined .nav-link:hover{border:none;border-bottom:3px solid transparent}.lined .nav-link.active{background:0 0;color:#555;border-color:#2b90d9}.nav-pills .nav-link{color:#555}.text-uppercase{letter-spacing:.1em}.downfooter{position:relative;right:0;bottom:0;left:0;padding:1rem;background-color:rgba(178,181,184,.7);text-align:center!important}#message,#positions,#possel0,#possel1,#possel2{text-align:center;width:80vw;display:flex;flex-wrap:wrap;margin-left:auto;margin-right:auto}#lights{display:grid;height:6em;width:20em;grid-template-columns:repeat(10,2.5em);grid-template-rows:repeat(3,2.5em);margin-left:auto;margin-right:auto;margin-top:2em}.light{border-radius:50%;border:2px solid #00f;width:2em;height:2em;line-height:2em;text-align:center}#Alight{grid-column-start:1}#Zkey,#Zlight{grid-column-start:2}.lit{background:#ff0}#keyboard{display:grid;height:6em;width:20em;grid-template-columns:repeat(10,2.5em);grid-template-rows:repeat(3,2.5em);margin:5em auto}.key{border:2px solid #00f;width:2em;height:2em;line-height:2em;text-align:center}.header-dark{background:url(mountain_bg.jpg) 0 0/cover #444;padding-bottom:80px}.header-dark .navbar{background:0 0;color:#fff;border-radius:0;box-shadow:none;border:none}.header-dark .navbar .navbar-brand,.navigation-clean-button .navbar-brand{font-weight:700;color:inherit}.header-dark .navbar .navbar-brand:hover{color:#f0f0f0}.header-dark .navbar .navbar-collapse span{margin-top:5px}.header-dark .navbar .navbar-collapse span .login{color:#d9d9d9;margin-right:.5rem;text-decoration:none}.header-dark .navbar .navbar-toggler{border-color:#747474;color:#eee}.header-dark .navbar .navbar-toggler:hover,.header-dark .navbar-toggler:focus,.navigation-clean-button .navbar-toggler:focus,.navigation-clean-button .navbar-toggler:hover{background:0 0}.header-dark .navbar .form-inline,.header-dark .navbar .navbar-collapse{border-color:#636363}@media (min-width:992px){.header-dark .navbar.navbar .navbar-nav .nav-link{padding-left:1.2rem;padding-right:1.2rem}}.header-dark .navbar.navbar-dark .navbar-nav .nav-link{color:#d9d9d9}.header-dark .navbar.navbar-dark .navbar-nav .nav-link:focus,.header-dark .navbar.navbar-dark .navbar-nav .nav-link:hover{color:#fcfeff!important;background-color:transparent}.header-dark .navbar .navbar-nav>li>.dropdown-menu,.navigation-clean-button .navbar-nav>li>.dropdown-menu{margin-top:-5px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff;border-radius:2px}.header-dark .navbar .dropdown-menu .dropdown-item,.header-dark .navbar .dropdown-menu .dropdown-item:focus,.navigation-clean-button .dropdown-menu .dropdown-item,.navigation-clean-button .dropdown-menu .dropdown-item:focus{line-height:2;font-size:14px;color:#37434d}.header-dark .navbar .dropdown-menu .drodown-item:hover,.header-dark .navbar .dropdown-menu .dropdown-item:focus{background:#ebeff1}.header-dark .navbar .action-button,.header-dark .navbar .action-button:active{background:#208f8f;border-radius:20px;font-size:inherit;color:#fff;box-shadow:none;border:none;text-shadow:none;padding:.5rem .8rem;transition:background-color .25s}.header-dark .navbar .action-button:hover{background:#269d9d}.header-dark .navbar .form-inline label{color:#ccc}.header-dark .navbar .form-inline .search-field{display:inline-block;width:80%;background:0 0;border:none;border-bottom:1px solid transparent;border-radius:0;color:#ccc;box-shadow:none;color:inherit;transition:border-bottom-color .3s}.header-dark .navbar .form-inline .search-field:focus{border-bottom:1px solid #ccc}.header-dark .hero{margin-top:60px}.header-dark .hero h1{color:#fff;font-family:Bitter,serif;font-size:40px;margin-top:20px;margin-bottom:80px}.header-dark .hero .embed-responsive iframe{background-color:#666}.navigation-clean-button{background:#fff;padding-top:.75rem;padding-bottom:.75rem;color:#333;border-radius:0;box-shadow:none;border:none;margin-bottom:0}@media (min-width:768px){.header-dark{padding-bottom:120px}.header-dark .navbar{padding-top:.75rem;padding-bottom:.75rem}.header-dark .hero{margin-top:20px}.header-dark .hero h1{margin-bottom:50px;line-height:1.5}.navigation-clean-button{padding-top:1rem;padding-bottom:1rem}}.navigation-clean-button .navbar-brand:hover{color:#222}.navigation-clean-button .navbar-toggler{border-color:#ddd;color:#888}.navigation-clean-button .form-inline,.navigation-clean-button .navbar-collapse{border-top-color:#ddd}.navigation-clean-button .navbar-nav a.active,.navigation-clean-button .navbar-nav>.show>a{background:0 0;box-shadow:none}.navigation-clean-button.navbar-light .navbar-nav a.active,.navigation-clean-button.navbar-light .navbar-nav a.active:focus,.navigation-clean-button.navbar-light .navbar-nav a.active:hover{color:#8f8f8f;box-shadow:none;background:0 0;pointer-events:none}.navigation-clean-button.navbar .navbar-nav .nav-link{padding-left:18px;padding-right:18px}.navigation-clean-button.navbar-light .navbar-nav .nav-link{color:#465765}.navigation-clean-button.navbar-light .navbar-nav .nav-link:focus,.navigation-clean-button.navbar-light .navbar-nav .nav-link:hover{color:#37434d!important;background-color:transparent}.navigation-clean-button .dropdown-menu .dropdown-item:focus,.navigation-clean-button .dropdown-menu .dropdown-item:hover{background:#eee;color:inherit}.navigation-clean-button .actions .login{margin-right:1rem;text-decoration:none;color:#465765}.navigation-clean-button .navbar-text .action-button,.navigation-clean-button .navbar-text .action-button:active,.navigation-clean-button .navbar-text .action-button:hover{background:#56c6c6;border-radius:20px;font-size:inherit;color:#fff;box-shadow:none;border:none;text-shadow:none;padding:.5rem 1rem;transition:background-color .25s;font-size:inherit}.navigation-clean-button .navbar-text .action-button:hover{background:#66d7d7}.wavewrapper{width:500px;height:500px;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px;background-image:linear-gradient(to top,#accbee 0,#e7f0fd 100%);overflow:hidden}.waveflow{width:1000px;height:1030px;position:absolute;top:-25%;left:50%;margin-left:-500px;margin-top:-500px;border-radius:35%;background:rgba(255,255,255,.75);animation:15s linear infinite waveflow}@keyframes waveflow{from{transform:rotate(360deg)}}