/* BACKGROUND */
body {
    background-color: #ffeded;
}

header {
    background-color: #FFC6C6;
    animation: fade-up 1.0s;
}


/* GENERAL FONTS */



/* BLOCKS */
aside {
    
    width: 300px;
    height: 400px;
    background-image: url();
    background-size: 300px;
    position: absolute;
}

.blockheader {
  text-align: center;
}


.grid {
    display: flex;
        justify-content: flex-start;
        align-items; flex-start;
        gap: 5px;
        flex-wrap: wrap;
        animation: fade-up 1.0s;
}

main {
    width: 850px;
    height: auto;
    background-color: #FFEDED;
    border: 4px double;
    color: ;
    
    margin-left: 315px;
    padding 10px;
}


/* KEYFRAMES */
@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0px) scale: (1);
    }
}