﻿body {
    background-image: url("assets/img_web-background.jpg");
    background-position-x: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 1719px 8191px;
    background-color: #072a4b;
    font-family: HouschkaPro;
    width: 800px;
    margin: auto;
    overflow-x: hidden;
    color: #072a4b;
}

#preface {
    color:black;
}

#continuum {
    color:white;
    font-size:15px;
}

#continuum .title {
    margin-top: 10px;
    font-size: 26px;
    display:block;
}

#continuum .link {
    margin-top: 3px;
    display: block;
}

#continuum img {
    position:absolute;
    margin-top:-10px;
}

hr {
    border: 1px solid white;
    width: 100%;
    float: left;
    margin: 0px;
}

.phaseblock {
    height:80px;
    padding-top:10px;
    background-color:transparent;
}

.phaseblock.selected {
    background-color: rgba(255,255,255,0.25);
}

.demobtn {
    height:200px; width: 200px;
    background-size: 200px 200px;
    background-image:url("assets/btn_ViewDemo_unselected.png");
}

.demobtn:hover {
    background-image:url("assets/btn_ViewDemo_hover.png");
}


/*.inline-photo {
    opacity: 0;
    transition: opacity .3s .25s ease-out; 
    /*will-change: opacity;
}

.inline-photo .is-visible {
    opacity: 1;
}*/

@font-face {
    font-family: HouschkaPro;
    src: url("assets/fonts-HouschkaPro/HouschkaPro-Medium.otf");
    font-weight:normal;
}
@font-face {
    font-family: HouschkaPro;
    src: url("assets/fonts-HouschkaPro/HouschkaPro-Bold.otf");
    font-weight: bold;
}
@font-face {
    font-family: HouschkaPro;
    src: url("assets/fonts-HouschkaPro/HouschkaPro-BoldItalic.otf");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: HouschkaPro;
    src: url("assets/fonts-HouschkaPro/HouschkaPro-MediumItalic.otf");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: HouschkaPro;
    src: url("assets/fonts-HouschkaPro/HouschkaPro-Light.otf");
    font-weight:lighter;
}
@font-face {
    font-family: HouschkaPro-Thin;
    src: url("assets/fonts-HouschkaPro/HouschkaPro-Thin.otf");
    font-weight: normal;
}
