* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

img,
svg {
    display: block;
    width: 100%;
    height: auto;
}

@font-face {

    font-family: montserrat;
    src: url(fontes/Montserrat/Montserrat-VariableFont_wght.ttf);
}

:root {
    --vermelho: #B51300;
    --rosa: #FA9BAA;
    --preto: #240100;
    --branco: #FBF9F9;
    --cinza1: #EDE9E9;
    --cinza2: #A38F8F;
}

#body {
    color: var(--branco);
}

h1 {
    font-family: montserrat;
    font-size: 51px;
    font-weight: bold;
    color: var(--vermelho);
}

p {
    font-family: montserrat;
    font-size: 16px;
    font-weight: regular;
    color: var(--preto);
}

#header {

    background-color: var(--rosa);

}

.grelha {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 36px;
}


#logo {

    grid-column: 1/3;

}

nav {

    grid-column: 6/11;
    grid-row: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
    font-family: montserrat;

}

nav a {

    text-decoration: none;
    font-weight: normal;
    color: var(--vermelho);
}

#sobree {

    grid-column: 4/6;
    margin-top: 250px;

}

#imgg {

    grid-column: 6/13;
    grid-row: 2;
}




#gaja_inicial {

    grid-column: 1/4;
    grid-row: 2;

}


#kimono {

    grid-column: 1/7;
    grid-row: 1;
    margin-top: 200px;
}

#kimonogaja {

    grid-column: 8/10;
    grid-row: 1;
    width: 100%;
}

#flor {

    grid-column: 2/5;
    grid-row: 2;
    width: 100%;
}

#flortxt {

    grid-column: 8/11;
    grid-row: 2;
    margin-top: 100px;
}


#gaja4txt {

    grid-column: 1/7;
    grid-row: 3;
    margin-top: 200px;

}


#gaja4 {

    grid-column: 8/11;
    grid-row: 3;
    width: 100%;
}

#gaja5 {

    grid-column: 2/5;
    grid-row: 4;
    width: 100%;

}

#gaja5txt {

    grid-column: 8/11;
    grid-row: 4;
    margin-top: 200px;

}


#gaja6txt {

    grid-column: 1/7;
    grid-row: 5;
    margin-top: 200px;
}

#gaja6 {

    grid-column: 8/11;
    grid-row: 5;
    width: 100%;
}

#gajacomflor {

    grid-column: 2/5;
    grid-row: 6;
    width: 100%;

}

#gajacomflortxt {

    grid-column: 8/11;
    grid-row: 6;
    margin-top: 100px;
}

#gajatxtflor {
    grid-column: 8/11;
    grid-row: 6;
    margin-top: 250px;


}

#txt1 {

    grid-column: 1/12;
    margin-top: 120px;
    grid-row: 1;
}

#txt2 {

    grid-column: 1/6;
    margin-top: 90px;
    grid-row: 2;

}

#txt3 {
    grid-column: 1/4;
    margin-top: 120px;
    grid-row: 3;

}

#arvorizinha {
    grid-column: 6/13;
    grid-row: 2/4;
    width: 100%;
    align-self: flex-end;
}

#gaja7 {

    grid-column: 4/7;
    grid-row: 3;
    align-self: flex-end;

}

#leque1 {

    grid-column: 1/13;
    margin-top: 70px;

}

#oquee {

    background: linear-gradient(180deg, rgba(251, 249, 249, 1) 0%, rgba(237, 233, 233, 1) 50%, rgba(250, 155, 170, 1) 100%);
}

#titulo {

    grid-column: 3/11;
    margin-top: 60px;
    text-align: center;
}

#txt_hanami {

    grid-column: 3/10;
    margin-top: 60px;
}

#txt_hanami2 {

    grid-column: 3/10;
    margin-top: 30px;
    margin-bottom: 90px;
}

#leque2 {

    grid-column: 1/13;
    margin-bottom: 40px;
}

h2 {
    font-family: montserrat;
    font-size: 51px;
    font-weight: lighter;
    color: var(--vermelho);

}


#sakura_cenas {
    margin-top: 200px;

}

#sakura_japones {

    grid-column: 6/8;


}

#sakura_titulo {

    grid-column: 6/8;

}

#sakura1 {

    grid-column: 1/3;

}

#sakura2 {

    grid-column: 1/3;
    margin-top: 90px;


}

#sakura3 {

    grid-column: 11/13;

}

#sakura4 {

    grid-column: 11/13;

}

#txt_sakura1 {

    grid-column: 4/10;
    grid-row: 3;
    margin-top: 120px;
    color: var(--vermelho);
}

#txt_sakura2 {

    grid-column: 4/10;
    grid-row: 4;
    margin-top: 120px;
    color: var(--vermelho);
}

#txt_sakura3 {

    grid-column: 4/10;
    grid-row: 5;
    color: var(--vermelho);
}

#paises {

    background: linear-gradient(180deg, rgba(181, 0, 0, 1) 0%, rgba(250, 155, 170, 1) 100%);
    border-radius: 130px;
    margin-top: 50px;

}

#mundo_titulo {

    color: var(--branco);
    grid-column: 5/12;
    margin-top: 90px;
    margin-bottom: 90px;
}

li {

    font-family: montserrat;
    font-size: 16px;
    font-weight: regular;
    color: var(--branco);
    grid-column: 2/6;
    margin-top: 20px;
}

#aviao {

    grid-column: 9/12;
    grid-row: 4/10;
}

#mundo {

    grid-column: 7/9;
    margin-bottom: 90px;

}

#footer {
    grid-column: 1/13;
}