.hero-image{
    position: relative;
    min-height: 300px;
    background-image: url('/public/home/hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}



#course-design-form{
    max-width: 400px;
    margin:auto;
}

.course-design-input{
    background-color: var(--sgt-light-gray);
    border-color: var(--sgt-light);
    color: var(--sgt-light);
    font-size: 16px;
}


.course-design-input:focus{
    color: var(--sgt-light);
    background-color: var(--sgt-light-gray);
    border-color: var(--sgt-light);
    outline: 0;
    box-shadow: 0 0 0 0px rgba(208, 63, 37, 1.0);
}