* {
    transition: all 300ms ease-out;
}

html {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
            Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        font-weight: 300;
        line-height: 1.4;
    scroll-behavior: smooth;
}

body {
background-color: #201F1D;
color: whitesmoke;
}
header {
position: fixed;
top: 0;
right: 0;
padding: 1em;
z-index: 9999;
}
.menu {
list-style: none;
}
a, .ativo {
color: whitesmoke;
text-decoration: none;
font-weight: 600;
padding: .3em .5em;
display: inline-block;
}
a:hover, .ativo {
text-decoration: underline;
color: chocolate;
}

.pagina {
display: flex;
    align-items: center;
    justify-content: center;
        width: 100vw;
        text-align: center;
        }

.texto {
padding: 2em;
position: absolute;
}
.titulo {
max-width: 100%;
}
@media screen and (orientation:portrait) {
p {
font-size: 1.2em;}
.pagina {
    overflow-x: hidden;
    justify-content: center;
    flex-wrap: wrap;
}
.fundo {
    max-height: 100vh;
    margin-left: 20%;
}
#scorsese .fundo {
margin-left: -20%;
}
#francisco .titulo:last-child, #scorsese .titulo:last-child {
width: 50%;
}
.texto {
max-width: calc(100vw - 4em);
}
#francisco .texto, #scorsese .texto {
position: relative;
margin-bottom: 4em;}
.video {
    max-width: calc(100vw - 4em);
    padding: 2em;
}
}
@media screen and (orientation:landscape) {
p {
        font-size: 1.4em;
    }
.pagina {
    aspect-ratio: 16/9;
        overflow-y: hidden;
}
.fundo {
width: 100%;
height: auto;}
.texto {
max-width: 35%;
}
#synopsis .texto, #whoareu .texto {
max-width: 70%;
}
#francisco .pagina {
justify-content: flex-end;
text-align: right;
}
#scorsese .pagina {
justify-content: flex-start;
text-align: left;
}
.video {
    max-width: calc(100vw - 12em);
    padding: 10.65em 6em;
}
}