.tarotImage img {
    width: 100%;
}

.tarotImage {
    display: block;
    margin: 0 auto;
    text-align: center;
   width:100%;
    max-width: 450px;
    padding:10px;
}

.tarotCardInput {
    width: 50% !important;
}


.tarotTitle {
    font-size:1.8em;
    vertical-align:middle;
    text-align:center;
    padding-bottom:10px;
    font-weight:bold;
    margin-top: 50px;
}

.tarotInfoBox {
    /* padding: 5px; */
    /* border: 3px inset #a95cb6; */
    /* margin-top: 0px; */
    margin: 5px;
    border-radius: 8px;
    /* text-shadow: 1px 2px 3px black; */
    color: white;
    /* box-shadow: inset -1px -1px 55px 1px #06014b; */
    font-size: 0.9em;
    /* font-style: italic; */
    /* font-weight: bold; */
    background: radial-gradient(circle, #55007fb3, #1b0151f0);
}



.tarotIcon
{
    width:50px !important;
    height:70px !important;
    margin-top: 0px !important;!i;!;
}

.tarotJournal {
    /* height: 240px; */
}

span.tarotInfoText {
    padding-top: 10px;
    position: absolute;
    top: 10px;
    left: 0px;
    text-align: center;
    padding: 15px;
    width: 100%;
    line-height: 22px;
    font-size: 0.9em;
}