body {
    height: 100%;
    width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a.custom-card,
a.custom-card:hover {
  color: inherit;
}
.aktiivinen {
    border: 5px solid #007bff;
}
.sisalto {
    margin: 30px auto;
    width: 85%;
    background: rgba(255, 255, 255, 0.9);
    padding: 40px;
    border-radius: 25px;
}

.etukortti {
    width:80%;
    margin: 5px auto;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 65%;
    
}

.boxvarjo {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.etukuva {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 630px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.viewer {
    margin: 0 auto;
    height: 630px;
    width: 90%;
}

.liput {
    position: fixed;
    right: 5px;
    top: 0;
}

.liput img{
    height: 48px;
}

.ohjeboksi {
    font-size: 20px;
}