@keyframes appear {
    0% {
        opacity: 0;
        scale: 0.85; 
    }
    50% {
        opacity: 1;
        scale: 1; 
    }
    100% {
        opacity: 0;
        scale: 0.85; 
    }
}

body {
    /* background-color: #363636;  */
    color: #f2f2f2;
}

h1,h5 {
    font-family: 'Quicksand', cursive;
}

h1,a {
    color: #f2f2f2;
    text-decoration: none;
}

.recipe-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.instruction-text {
    white-space: pre-line;
}

table {
  border-spacing: 60px;
}

.ingredients td {
    padding-right: 12px; /* 8px top/bottom, 12px left/right */
}

.block {
    animation: appear ease-in-out;
    animation-timeline: view();
    animation-range: entry 0% exit 100%;
}