@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%;
}

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

.menu__container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    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;
}

/* Блок "Обложка" (Боря) */
.section_transparent{
    background: none;
}

.container{
    width: 1200px;
    margin: 0 auto;
    padding: 100px 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: 0;
}

.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;
}

.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;
}

.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;
}

/* Блок "Снимки планет" (Боря) */
.pictures__wrap{
    display: flex;
    justify-content: space-between;
}

.pictures__card{
    width: 32%;
}

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

.pictures__title{
    text-align: left;
}

/* Блок "Будущее аппаратов" (БАН) */
.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: 30%;
}