@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



*{
 box-sizing: border-box;
}



h1, h2, h3, h4, h5, h6, p, a{
    margin: 0;
    padding: 0;
}



body{    
    margin:0;
    padding: 0;
    background: url('../img/voyangers/background.jpeg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Roboto', sans-serif;
}



/* Переменные */

:root{
    --blue: #034687;
    --dark-grey: #151b25;
    --light-grey: #dbe8e1;
    --light-orange: #ff8562;
    --orange: #fa5e33;
    --dark-orange: #fa4614;
    --white: #fff;
    --black: #000; 
    --big-size: 110px;
    --mid-size: 60px;
    --normal-size: 20px;
    --small-size: 16px;
}



/* Блок "Меню" (Тимофей) */

.section{
    width: 100%;
    padding:0 50px;
}



.section_black{
    background: var(--black);
}



.menu__container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80px;
}



.menu__logo{
    color: var(--white);
    font-weight: 900;
}



.link{
    color: var(--light-orange);
    text-decoration: none;
    transition: color 0.4s ease;
}



.link:hover{
    color: var(--orange);
    border-bottom: 1px dotted var(--orange);
    transition: 0.4s ease;

}



.link:active{
    color: var(--dark-orange);
    border-bottom: 1px dotted var(--dark-orange);
    transition: 0.4s ease;
}



.link_big{
    font-size: 20px;
}



.link_white{
    color: var(--white);
}



.menu__link{
    margin-left: 25px;
    color: var(--white);
    font-size: 16px;
    font-weight: 900;
}



.menu__link:hover, .menu__link:active, .logo__link:hover, .logo__link:active{
    border-bottom: 0;
}

.swiper {
    width: 100%;
    height: 100%;
  }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }



/* Блок "Обложка" (Боря) */

.section_transparent{
    background: none;
}



.container{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}

    

.voyadger__container{
    height: 100vh;
}



.voyadger__wrap{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.title{
    font-size: var(--normal-size);
    font-weight: 900;
    text-align: center;
}


.title_big{
    margin-bottom: 54px;
    font-size: var(--big-size);
    font-weight: 700;
}



.title_white{
    color: var(--white);
}



.text{
    margin: 0 0 20px 0;
    color: var(--dark-grey);
    font-size: var(--normal-size);
    font-weight: 300;
    line-height: calc(var(--normal-size) + 10px);    
}



.text:last-child{
    margin-bottom: 40px;
}



.text_big{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
}



.text_white{
    color: var(--white);
}



/* Блок "Предисловие" (Тимофей) */

.preface__subtitle{
    margin-bottom: 20px;
    font-size: var(--small-size);
    font-weight: 500;
}



.section_blue{
    background: var(--blue);
    
}



.preface__text{
    text-align: center;
}



/* Блок "Старт проекта" (Боря) */

.section_white{
    background: var(--white);
    
}



.start__container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 50px 50px;
}



.start__wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.title_mid{
    margin-bottom: 40px;
    font-size: var(--mid-size);
}



.text_short{
    width: 80%;
}



/* Блок "Конструкция" (Тимофей) */

.section_dark-grey{
    background: var(--dark-grey);
    
}



.construction__text, .construction__text:last-child{
    margin-bottom: 40px;
}

.container_construction{
    margin: 0 auto;
    padding: 50px 50px;
    }

.construction__wrap{
    display: flex;
    flex-direction: column;
}



.construction__card{
    display: flex;
    margin-bottom: 40px;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
}



.construction__card:last-child{
    margin-bottom: 0;
}



.construction__svg{
    margin-right: 40px;
    width: 5%;
	fill: var(--orange);
}



.construction__inner{
    width: 95%;
}



.construction__title{
    color: var(--light-orange);
    text-align: left;
}



/* Блок "Снимки планет" (Боря) */

.container_pictures{
    padding: 50px 50px;
}

.pictures__wrap{
    display: flex;
    justify-content: space-between;
}



.pictures__card{
    width: 32%;
}



.pictures__image{
    margin-bottom: 15px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}



.pictures__title{
    text-align: left;
    font-size: 30px;
}

.earth_image{
    object-fit: cover;
    object-position: center;
}

/* Блок "Будущее аппаратов" (БАН) */

.section__future{
    height: 100vh;
    background: url('../img/future/background.jpg');
    
}



.future__container{
    width: 100%;
    height: 100%;
    position: relative;
}



.wrap__future{
    position: absolute;
    bottom: 50px;
    left: 50px;
}



.future__text{
    width: 37%;
}

/* Swiper */
.tSwiper{       

}

.tWrapper{
    
}

.tSlide{
    display: flex;
    flex-direction: column;
}

/*MEDIA*/

@media(max-width:1024px){
    .menu__container{
        flex-direction: column;
    }

    .menu__logo{
        padding-top:10px;
    }

    .menu__link{
        padding-top: 15px;
        margin-left: 17px;
    }


    .pictures__title{
        font-size: 30px;
        font-weight: 400;
    }

    .preface__subtitle{
        font-size:30px ;
    }

    .title_big{
        font-size: 90px;
    }

    .start__container{
        padding: 50px 0;
    }

    .future__text{
        width: 100%;
    }

    .container_construction{
        padding: 50px 0;
    }

    .construction__svg{
        margin-right: 15px;
    }

    .container_pictures{
        padding: 50px 0;
    }

    .section__future{
        min-height: 100vh;
        height: auto;
    }

    .wrap__future{
        width: 80%;
        position: relative;
        bottom: auto;
        left: auto;
    }

    .pictures__wrap{
        align-items: center;
        flex-direction: column;
    }

    .pictures__card{
        width: 100%;

    }

    .pictures__image{
        margin-bottom: 5px;
    }

    .future__container{
        padding: 50px 0;
    }

    .text{
        font-size: 16px;
    }

    .text_short{
        width: 100%;
    }

    .text:last-child {
        margin-bottom: 0px;
    }

    .tSlide{
        padding-bottom: 50px;
    }
}