#llms-course-outline {
    background-color: #fff;
	border: 1px solid #efefef;
    border-radius: 6px;
    box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.08 );
    padding: 20px;
}

#llms-course-outline-form textarea {
    width: 100%;
    height: 150px;
    margin-bottom: 1em;
}

/* styles for llms-aico-cards */
div.llms-aico-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1em;
}
div.llms-aico-card {
    width: 48%;
    margin-bottom: 1em;
    padding: 1em;   
    /* background like a sticky note yellow */
    background-color: #fffcc7;
    
    /* box shadow to look like paper */
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);
}
div.llms-aico-card h3 {
    margin-top: .5em;
}
/* rotate card slightly on hover */
div.llms-aico-card:hover {
    background: #fffec9;    
    transform: scale(1.1, 1.1) rotate(1deg);
}
/* animate on mouse off */
div.llms-aico-card {
    transition: transform 0.2s ease-in-out;
}