html {
    min-height: 100%;
    box-shadow: 0 0 5rem rgba(0,0,0,100) inset;
  }

body {
    background-size:cover;
    background-repeat:no-repeat;
    font-family:"Lexend", sans-serif;
    font-weight:200;
}

a {
    color:#C05FB3;
    text-decoration:none;
}

#jlinkki {
    color:#4040C5;
}

#jlinkki:hover {
    background-color:#c0be3c;
}

#info {
    padding:2rem;
}

.nappi {
    border:2px outset #ffffff;
    padding:0.2rem 1rem 0.2rem 1rem;
    color:black;
    text-decoration:none;
}

.nappi-nav {
    border:2px outset #ffffff;
    padding:0.2rem 1rem 0.2rem 1rem;
    color:black;
    text-decoration:none;
    position:relative;
    margin:0.1rem;
    bottom:-0.2rem;
}

.nappi-nav-active {
    background-image:url('kuvat/active-bg.png');
    border:2px inset #ffffff;
    padding:0.2rem 1rem 0.2rem 1rem;
    color:black;
    text-decoration:none;
    position:relative;
    margin:0.1rem;
    bottom:-0.2rem;
}

.btn-nav:hover {
    background-color:#d6d6d6;
}

#spam {
    animation-name:blink;
    animation-duration:0.5s;
    animation-iteration-count: infinite;
}

@keyframes blink {
    from {background-color:#c0c0c0;}
    to {background-color:orange;}
}

.otsikko {
    background-image:linear-gradient(to right, #C88ABE, #EACEE8);
    padding:0.3rem;
    color:white;
}

.otsikkosin {
    background-image:linear-gradient(to right, #4040C5, #9494F2);
    padding:0.3rem;
    color:white;
}

.teksti {
    padding:0.4rem;
    text-align:justify;
}

.tekstipieni {
    font-size:smaller;
    padding:0.4rem;
}

iframe {
    aspect-ratio:16 / 9;
    height:auto;
    width:95%;
    margin-bottom:-0.5rem;
}

.tekstiport {
    text-align:center;
}

.kuvaport {
    border:2px inset #ffffff;
    display:block;
    margin:auto;
    margin-top:1.1rem;
}

#keskitys {
    width:100%;
    display:flex;
    justify-content:center;
}

#korttipeli {
    padding:1rem;
}

.nappi {
    border:2px outset #ffffff;
    padding:0.2rem 1rem 0.2rem 1rem;
    color:black;
    background-color:#c0c0c0;
    margin-top:1rem;
}

.diashow {display:none;}