/** * YogArkana styles **/

@font-face {
	font-family: "JotiOne";
	src: url('JotiOne-Regular.ttf');
}

.navbar-brand {
    font-family: JotiOne;
}

#Board {
    padding-top: 56px;
}

ul { 
    list-style: url('../images/om.png'); 
}

ul.nomarker { 
    list-style: none; 
    padding-left: 0;
}

h1, h3, h6 {
    font-family: JotiOne;
}     

.yogacard {
    max-width: 620px; 
    min-width: 620px; 
    max-height: 875px; 
    min-height: 875px;
}

.yogacardlet {
    max-width: 230px; 
    min-width: 230px; 
    max-height: 300px; 
    min-height: 300px;
}

.yogacarddraw {
    max-width: 115px; 
    min-width: 115px; 
    max-height: 150px; 
    min-height: 150px;
}

.yogacarddraw h5 {
    font-size: 0.8rem;
}

.yogacarddraw h6 {
    font-size: 0.6rem;
}

.bg-debout { background-color: #2A9E77; }
.bg-dos { background-color: #e8735d; }
.bg-assis { background-color: #926599; }
.bg-genoux { background-color: #AF4F71; }
.bg-ventre { background-color: #87563A; }
.bg-inverse { background-color: #3BB3B3; }
.bg-marine { background-color: #5c7293; }
.bg-mantra { background-color: #6f6b70; }
.bg-neutal { background-color: #6f6b70; }
.bg-mudra { background-color: #6f6b70; }
.bg-equilibrant { background-color: #808080; }
.bg-dynamique, .bg-feu { background-color: #a17305; }
.bg-calmant, .bg-eau { background-color: #3487c7; }
.bg-kosha { background-color: #656769; }
.bg-anna { background-color: #ef9a49; }
.bg-prana { background-color: #e7b236; }
.bg-mano { background-color: #35b472; }
.bg-vijnana { background-color: #3aadea; }
.bg-ananda { background-color: #9086b8; }

.bg-Lam { background-color: #d81921; }
.bg-Vam { background-color: #f4931e; }
.bg-Ram { background-color: #f1cf2d; }
.bg-Yam { background-color: #76a73f; }
.bg-Ham { background-color: #2988bf; }
.bg-Om { background-color: #5d529f; }
.bg-Pranava { background-color: #992d90; }
.bg-pranavayu { background-color: #3baca0; }
.bg-apanavayu { background-color: #e25d58; }
.bg-samanavayu { background-color: #e97020; }
.bg-vyanavayu { background-color: #40c491; }
.bg-udanavayu { background-color: #9e4da5; }

.debout { color: #2A9E77; }
.dos { color: #e8735d; }
.assis { color: #926599; }
.genoux { color: #AF4F71; }
.ventre { color: #87563A; }
.inverse { color: #3BB3B3; }
.marine { color: #325a95; }
.mantra { color: #656769; }
.neutral { color: #656769; }
.mudra { color: #656769; }
.equilibrant { color: #808080; }
.dynamique, .feu { color: #a17305; }
.calmant, .eau { color: #3487c7; }
.kosha { color: #656769; }
.anna { color: #ef9a49; }
.prana { color: #e7b236; }
.mano { color: #35b472; }
.vijnana { color: #3aadea; }
.ananda { color: #9086b8; }
.pranavayu { color: #3baca0; }
.apanavayu { color: #e25d58; }
.samanavayu { color: #e97020; }
.vyanavayu { color: #40c491; }
.udanavayu { color: #9e4da5; }

.Lam { color: #d81921; }
.Vam { color: #f4931e; }
.Ram { color: #f1cf2d; }
.Yam { color: #76a73f; }
.Ham { color: #2988bf; }
.Om { color: #5d529f; }
.Pranava { color: #992d90; }

.recto {
    text-align: justify; 
    display: flex; 
    align-items: center;
}

.verso {
    max-height: 530px; 
    min-height: 530px; 
    text-align: justify; 
    display: flex; 
    align-items: center; 
    line-height: 1.5;
} 

.versoPY {
    max-height: 680px; 
    min-height: 680px; 
    text-align: justify; 
    display: flex; 
    align-items: center; 
    line-height: 1.5;
} 

.versoV {
    max-height: 596px; 
    min-height: 596px; 
    text-align: justify; 
    display: flex; 
    align-items: center; 
    line-height: 1.5;
} 

.versoKosha {
    max-height: 430px; 
    min-height: 430px; 
    text-align: justify; 
    display: flex; 
    align-items: center; 
    line-height: 1.5;
} 

.mantraIAST {
    text-align: center; 
    font-size: x-large;
    font-weight: bolder; 
    line-height: 2;
}

.mantraSanskrit {
    text-align: center; 
    align-items: center;
    font-size: x-large;
    font-weight: bold; 
    line-height: 2;
}

.mantraTranslated {
    text-align: center; 
    align-items: center;
    line-height: 1.5;
}

.mantraIAST li, .mantraSanskrit li, .mantraTranslated li {
    list-style: none;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.card {
    background-color: rgb(255, 255, 255);
    opacity: 0.90;
}

.card:hover {
    background-color: rgb(255, 255, 255);
    opacity: 1;
}

a.cardlet:hover {
    text-decoration: none;
}

body {
    background: url("../images/bg-home.png"); 
    background-size: cover;
}

.navbtn {
    color: rgb(255, 255, 255);
    font-size:30px; 
    cursor:pointer; 
    position: absolute; 
    top: 15px;
    left: 15px;
}

.navbtn:hover {
    color: rgb(255, 255, 255);
}