body{
    font-family: 'Roboto', sans-serif;
}

body.onModal{
    overflow: hidden;
}


#ezDeckModal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

#ezDeckModal .innerModal{
    width: 100vw;
    height: 100vh;
    background-color: black;
}

#ezDeck label{
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#ezDeck label>span{
    font-size: .75em;
    font-weight: 500;
    color: black;
    opacity: .7;
}

#ezDeckModal{
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#ezDeckModal .modal-content{
    overflow: hidden;
}


#ezDeckModal #modalCloseBtn{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

#ezDeckModal #modalCloseBtn button{
    border-style: none;
    background-color: transparent;
}

#ezDeckModal #modalText{
    position: relative
}

#ezDeckModal #modalText>h1{
    position: absolute;
    margin: 0 !important;
    white-space: nowrap;
    transition-timing-function: linear;
}

#ezDeckModal .modal-content.hText{
    justify-content: center!important;
}

#ezDeckModal .modal-content.vText{
    justify-content: end!important;
}

/* Horizontal Text */
#ezDeckModal .modal-content.hText #modalText>h1{
    top: 50%;
    transform: translateY(-50%);
    transition-property: left,right;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
}

/* Vertical Text */
#ezDeckModal .modal-content.vText #modalText>h1{
    left: 50%;
    transform: translateX(-50%);
    transition-property: bottom,top;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
}

.heart-symbol{display: inline-block;}
.heart-symbol::after{content: "\2764";color: #dc3545;font-style: normal;}
.heart-symbol.beat{animation: beat .6s infinite cubic-bezier(0.8, 0.03, 1, 0) alternate;}
@keyframes beat {from {transform: scale(.8)} to {transform: scale(1)}}

nav.navbar img {animation: flash 1s ease-in infinite alternate;}
@keyframes flash {from { opacity: 1 }to{ opacity: 0 }}

#footer .footer-made,#footer .footer-copyright{
    font-size: 15px !important;
}