@font-face {
    src: url(../fonts/alk-sanet-webfont.ttf);
    font-family: alk-sanet;
}

@font-face {
    src: url(../fonts/dejavu-sans-oblique-webfont.ttf);
    font-family: Dejavu Sans;
}

.main-header {
    display: flex;
    justify-content: center;
    margin-top: 4.2vh;
}

.logo {
    height: 7vh;
}

.titles {
    margin-right: 12.2vh;
    margin-left: 20vh;
    margin-top: 11vh;
}

.main-title {
    font-family: alk-sanet;
    height: 12.9vh;
    width: 60.5vh;
    font-size: 5.2vh;
    color: #947DCE;
    opacity: 1;
}

.second-title {
    font-family: Dejavu Sans;
    width: 58.8vh;
    height: 3.14vh;
    font-size: 2.6vh;
    color: #C5CBCD;
    opacity: 1;
    font-style: italic;
}

.start-button {
    margin-top: 15.6vh;
    border: 0.1vh #7fd1d8 solid;
    border-radius: 2.6vh;
    color: #7fd1d8;
    width: 20.3vh;
    height: 4.4vh;
    background: transparent url('img/Component 1 – 30.png') 0vh 0vh no-repeat padding-box;
    opacity: 1;
    box-shadow: 0.1vh 0.1vh 1vh #7fd1d8;
    width: 20.3vh;
    height: 4.4vh;
    font-size: 2vh;
    font-family: alk-sanet;
}

.start-button:hover {
    box-shadow: 2px 2px 2px 2px #F8D24B;
}

.for-background-img {
    cursor: pointer;
    position: relative;
    background-image: url(../images/lang_box.png);
    width: 6.3vh;
    height: 7.3vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #7fd1d8;
    font-style: italic;
}

li:nth-child(2) {
    margin-right: 2vh;
    margin-left: 2vh;
}

.post {
    background-image: none;
}

.nav-icon {
    position: absolute;
    height: 6.8vh;
}

.posit {
    left: 1.2vh;
    top: 2.6vh;
    font-size: 2vh;
    font-family: Dejavu Sans;
}

.header-ul {
    display: flex;
}

.header-icon {
    position: absolute;
    right: 6vh;
}

.two-main-dives {
    display: flex;
}

.carousel-indicators {
    bottom: 5vh;
    justify-content: left;
    margin-left: 20vh;
    margin-right: 0;
}

.avatar {
    height: 75.7vh;
    width: 67.6vh;
}

#bootstrap-li {
    background-color: red;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 3vh;
    height: 3vh;
    margin-right: 2vh;
    margin-left: 2vh;
    text-indent: -999vh;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 1vh solid transparent;
    border-bottom: 1vh solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.page-two {
    color: #DC6C85;
}

.page-three {
    color: #F8D24B;
}

.page-four {
    color: #7FD1D8;
}

.slider-number {
    font-family: alk-sanet;
    font-size: 3.9vh;
    cursor: pointer;
    color: #C5CBCD;
}

.number-one:hover {
    color: #947DCE;
}

.number-two:hover {
    color: #DC6C85;
}

.number-three:hover {
    color: #F8D24B;
}

.number-four:hover {
    color: #7FD1D8;
}