@font-face {
    font-family: 'FuturePaint';
    src: url('/assets/fonts/future-paint.woff') format('woff'),
         url('/assets/fonts/future-paint.ttf') format('truetype');
}

@font-face {
    font-family: 'Castor';
    src: url('/assets/fonts/castor.woff') format('woff'),
         url('/assets/fonts/castor.ttf') format('truetype');
} 

@font-face {
    font-family: 'PIRULEN-RG';
    src: url('/assets/fonts/PIRULEN-RG.woff') format('woff');
} 

@font-face {
    font-family: 'EXO';
    src: url('/assets/fonts/Exo.woff') format('woff');
} 

body {
    font-family: 'EXO';
}

.space-station {
    font-family: "PIRULEN-RG";
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Castor';
}

.range-slider__range {
    width: calc(100% - (73px));
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #6c757d;
    padding: 5px 10px;
    margin-left: 8px;
}

.range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #6c757d;
    border-bottom: 7px solid transparent;
    content: "";
}

iframe{      
    display: block;  /* iframes are inline by default */   
    height: 100vh;  /* Set height to 100% of the viewport height */   
    width: 100vw;  /* Set width to 100% of the viewport width */     
    border: none; /* Remove default border */
    background: lightyellow; /* Just for styling */
}

/*.tooltip .tooltip-arrow {
    margin-left: -100%;
    border-width: 0 5px 5px;
}*/