body {background:none transparent;
}
.card {
border: 3px solid #000000;
border-radius: 20px;

transition: all 0.25s ease;
margin: 2px;
}
.card:hover {
transform:scale(1.05);
-ms-transform:scale(1.05);           /* IE 9 */
-moz-transform:scale(1.05);          /* Firefox */
-webkit-transform:scale(1.05);       /* Safari and Chrome */
-o-transform:scale(1.05);            /* Opera */
}
.shadowtext {
color: rgba(10,10,10,1);

text-shadow: 0 0 15px rgba(0, 0, 255, 0.65), 0 0 10px rgba(251, 13, 108, 0.8);

font-size: 70px;
margin: 10px;
text-align: center;
}
.textfield {
display: none;
width: 470px;
height: 64px;
border: 3px solid #000000;
border-radius: 10px;
}
.smallc {
border: 2px solid #000000;
height:37px; width:37px;
border-radius: 15px;
margin: 0px;
transition: all 0.15s ease;

}
@media screen and (orientation:portrait) {
    button{
    width:60%;
    
    font-size: 42px !important; 
    height: 64px !important;
    border-radius: 20px !important;
    }
    .shadowtext {
    font-size: 120px !important;
    }
}
.titleImg {width: 100%;}