/*h1{*/
    /*color:#0000FF;*/
/*}*/

/*h2{*/
    /*color:#FF0000;*/
/*}*/

/*footer{*/
    /*margin-top:60px;*/
/*}*/

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    padding-bottom: 20px;
    margin-bottom: 60px;
}
p {
    line-height: 180%;
}
.footer {

    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}


.blockquote {
    font-size: 1rem;
}

/*!* Custom page CSS*/
/*-------------------------------------------------- *!*/
/*!* Not required for template or sticky footer method. *!*/

body > .container {
    padding: 20px 15px 0;
}

@font-face {
    font-family: "PressStart";
    src: url("../font/prstart.ttf");
}

@font-face {
    font-family: "Munro";
    src: url("../font/munro.ttf");
}
.navbar {
    padding: 0.2rem 0.8rem;
}

.navbar-brand {
    font-size: 1.4rem;
    font-family: 'PressStart', sans-serif !important;

}

.badge {
    font-size: 100%;
}


.preview {
    font-size: 1rem;
    font-family: 'Munro', sans-serif !important;

}



/* checkboxes: */
input[type="checkbox"] {
    height: 1.8em;
    width: 1.8em;
    vertical-align: middle;
}



/* card collapse tricks! */
.card-header .fa {
    transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
    transform: rotate(90deg);
}