body{
    background-color: rgb(255, 255, 255);
}

.background-dark{
    background-color: rgb(0, 0, 0);
}

.background-dark.footer{
    background-color: rgba(0, 0, 0, 0.95);
}


.index-background{
    background-image: url("/public/img/index-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 92vh;
    width: 100%;
    position: relative;
    transform: translate(0%, 0%);
}

.title{
    transform: translate(0%, 20vh)
}

.title .title-text{
    font-family: 'Inter-Bold';
    font-size: 4.8em;
}

.title .btn-title{
    background-color: rgb(255, 255, 255);

    border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;

    font-family: 'Inter-Bold';
    font-size: 1.2em;

    transform: translate(0, 14vh)
}

.title .btn-title:hover{
    background-color: rgb(220, 220, 220);
    font-family: 'Inter-Bold';
    font-size: 1.2em;
}

.instructor{
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    /*margin-bottom: 4rem;*/
}

.instructor-title{
    font-family: 'Inter-SemiBold';
    font-size: 1.8em;
    color: rgb(0, 0, 0);
}

.instructor .instructor-background{
    background-color: rgba(0, 0, 0, 0.90);

    border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;

    min-height: 600px;
}

.instructor .instructor-background .instructor-name{
    font-family: 'Inter-Bold';
    font-size: 1.6em;
    color: rgb(255, 255, 255);
}

/*.instructor .instructor-background .instructor-image{
    width: 70%;
    height: auto;
}*/

.instructor .instructor-background .instructor-description{
    height: 234px;
    display: flex;
    align-items: center;
}

.instructor .instructor-background .instructor-description p{
    font-family: 'Inter-SemiBold';
    font-size: 1em;
    color: rgb(255, 255, 255);
}

.footer{
    font-family: 'Inter-Medium';
    font-size: 1.2em;
    color: rgb(255, 255, 255);
}

.footer .flex-column{
    display: flex;
    justify-content: center;
}