/*--- GENERIC ELEMENTS ---*/

.main {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



/*--- HEADER ---*/

.course-header{

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    height: 90px;

    background-color: white;

    box-shadow: 0 4px 10px -2px gray;

    z-index: 1;

}



.course-header .quiz-title{

    position: absolute;

    left: 40px;

    top: 28px;

    color: var(--clr-primary);

    font-family: var(--ft-ff-regular);

    font-weight: unset;

    font-size: 30px;

}



.course-header .quiz-title span.bold{

    font-family: var(--ft-ff-bold);

    font-weight: bold;

}



.course-header .quiz-title span.square{

    width: 10px;

    height: 10px;

    background-color: #193160;

    position: relative;

    display: inline-block;

    margin: 4px 15px;

}





.course-header .logo-shift{

    position: absolute;

    right: 170px;

    top: 18px;

    width: 115px;

}



.quiz-navigation .quiz-nav.quiz-nav-previous {

    display: none !important;

}



.quiz-intro-bg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../assets/images/background/quiz-intro-bg.webp);

    background-size: cover;

    background-position: center center;

    z-index: -1;

}



#logo-eu {

    position: absolute;

    height: 50px;

    right: 310px;

    top: 20px;

}



#quiz-project-number {

    position: absolute;

    top: 110px;

    right: 2px;

    color: #671af4;

    z-index: 1000;

    background: white;

    padding: 5px;

}



#footer-eu{

    position: absolute;

    width: 1200px;

    height: auto;

    bottom: 0;

    right: 0;

}