*,:after,:before{
    box-sizing:border-box
}
body{
    margin:0
}
.spinner-container{
    height:100vh
}
.spinner{
    align-items:center;
    display:flex;
    justify-content:center
}
@media only screen and (min-width:0px){
    .lyrics-container{
        -webkit-overflow-scrolling:touch;
        background-color:#fff;
        display:flex;
        flex-direction:column;
        height:100vh;
        overflow-y:auto;
        padding:2rem;
        position:fixed;
        top:0;
        width:100vw
    }
    .lyrics-content{
        margin-bottom:5vh
    }
    .lyrics-content p{
        font-size:20px;
        margin:0
    }
    .lyrics-exit{
        background-color:#fff;
        bottom:0;
        display:flex;
        position:fixed;
        right:0;
        width:100vw
    }
    .lyrics-exit img{
        align-self:center;
        height:5vw;
        margin:2rem auto;
        width:auto
    }
    .massaia{
        display:none;
    }
    .menu{
        margin:7%;
        position:absolute;
        right:0;
        top:0;
        z-index:1;
    }
    .menu img{
        height:auto;
        width:10vw
    }
    .album-cover{
        align-items:center;
        display:flex;
        flex-direction:column;
        height:100vh;
        justify-content:center;
        position:absolute;
        top:0;
        width:100%
    }
    .album-cover img{
        height:100px;
        margin:5px 0;
        object-fit:cover;
        width:100px
    }
    .album-cover p{
        color:#fff;
        font-family:AkzidGroLigOsF;
        margin:0
    }
    .downInfo{
        bottom:0;
        box-sizing:border-box;
        left:0;
        padding:6%;
        max-width: 100vw !important;
        position: absolute;
        background: linear-gradient(180deg,rgba(20, 20, 20, 0) 0%, rgba(43, 43, 43, 1) 100%)
    }
    .downInfo .topRow{
        display:flex;
        justify-content:space-between;
        width:100%;
        position: relative !important
    }
    .downInfo .topRow .credits{
        align-items:center;
        color:#fff;
        cursor:pointer;
        display:flex;
        flex-direction:row;
        font-family:AkzidGroLigOsF;
        gap:2vw;
        justify-content:center;
        right:0;
        z-index:1
    }
    .downInfo .topRow .credits p{
        flex:1 1;
        font-size:5vw;
        margin:0;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .downInfo .topRow .credits .sound{
        height:5vw;
        width:auto
    }
    .downInfo .topRow .credits img{
        height:4vw;
        margin:0;
        padding:0;
        width:auto
    }
    .downInfo .FCT{
        color:#fff;
        flex:1 1;
        font-family:AkzidGroLigOsF;
        margin-bottom:5%;
        max-width:100%;
        text-align:center
    }
    .downInfo .FCT p{
        font-size:10px;
        margin:0 0 .5rem
    }
    .downInfo .FCT img{
        height:auto;
        width:100%
    }
    .downInfo .topRow .song-info{
        color:#fff;
        flex:1 1;
        font-family:AkzidGroLigOsF;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .downInfo .topRow .song-info div{
        align-items:center;
        display:flex;
        font-size:5vw;
        gap:2vw;
        justify-content:right
    }
    .downInfo .topRow .song-info div .vol{
        cursor:pointer;
        font-family:AkzidGroReg;
        font-size:4.2vw;
        margin:0
    }
    .downInfo .topRow .song-info .custom-dropdown{
        background:none!important;
        border:none!important;
        box-shadow:none!important;
        padding:0;
        z-index:1
    }
    .downInfo .topRow .song-info .custom-dropdown .dropdown-toggle{
        background:none!important;
        border:none!important;
        border-radius:0!important;
        color:#fff!important;
        font-family:AkzidGroReg!important;
        font-size:4.2vw;
        padding:0;
        z-index:1
    }
    .downInfo .topRow .song-info .custom-dropdown .dropdown-menu{
        background:none!important;
        border:none!important;
        box-shadow:none!important;
        padding:0;
        z-index:1
    }
    .downInfo .topRow .song-info .custom-dropdown-item{
        background:none!important;
        border:none!important;
        border-radius:0!important;
        color:#fff!important;
        font-family:AkzidGroReg!important;
        font-size:4.2vw;
        padding:0 5px
    }
    .downInfo .topRow .song-info .custom-dropdown-item:focus,.downInfo .topRow .song-info .custom-dropdown-item:hover{
        background:#000!important;
        color:#fff!important
    }
    .menu-albums{
        -webkit-overflow-scrolling:touch;
        align-items:center;
        display:flex;
        flex-direction:row;
        height:100vh;
        left:0;
        overflow-x:auto;
        position:absolute;
        top:0;
        width:100%
    }
    .menu-albums .menu-albums-cover{
        height:100px;
        margin-left:40vw;
        object-fit:cover;
        width:100px
    }
    .menu-albums .menu-albums-cover,.menu-albums .menu-albums-songs{
        align-items:center;
        display:flex;
        flex-direction:row;
        justify-content:center
    }
    .menu-albums .menu-albums-song{
        height:100px;
        margin:20px 0 0 1rem;
        object-fit:cover;
        width:150px
    }
    .menu-albums p{
        color:#fff;
        font-family:AkzidGroLigOsF;
        height:20px;
        margin:0 0 0 1rem
    }
    .scrollmenu{
        overflow-x:auto;
        scroll-behavior:smooth;
        scrollbar-color:#888 #f1f1f1;
        scrollbar-width:thin;
        white-space:nowrap;
        &::-webkit-scrollbar{
            height:8px
        }
        &::-webkit-scrollbar-track{
            background:#f1f1f1
        }
        &::-webkit-scrollbar-thumb{
            background-color:#888;
            border-radius:10px
        }
        &::-webkit-scrollbar-thumb:hover{
            background-color:#555
        }
    }
}
@media only screen and (min-width:590px){
    .lyrics-container .lyrics-content p{
        font-size:20px
    }
    .lyrics-container .lyrics-exit img{
        height:4vw
    }
    .massaia{
        color:#fff;
        display:flex;
        font-family:AkzidGroLigOsF;
        margin:7%;
        position:absolute;
        top:0
    }
    .massaia p{
        font-size:6vw
    }
    .album-cover img{
        height:150px;
        width:150px
    }
    .menu img{
        width:6vw
    }
    .downInfo .topRow .credits p{
        font-size:4vw
    }
    .downInfo .topRow .credits img{
        width:4vw
    }
    .downInfo .topRow .credits .sound{
        height:4vw
    }
    .downInfo .FCT{
        margin:0
    }
    .downInfo .FCT p{
        font-size:2vw
    }
    .downInfo .topRow .song-info div{
        font-size:4vw;
        gap:2vw
    }
    .downInfo .topRow .song-info div .vol{
        font-size:4vw
    }
    .custom-dropdown .dropdown-toggle{
        font-family:AkzidGroLigOsF!important;
        font-size:4vw
    }
    .custom-dropdown-item{
        font-size:3.5vw
    }
    .menu-albums .menu-albums-cover{
        height:150px;
        width:150px
    }
    .menu-albums-song{
        height:150px;
        width:200px
    }
    .menu-albuns{
        align-items:center;
        display:flex;
        flex-direction:column;
        justify-content:center
    }
    .menu-albums-line{
        margin-top:10%;
        position:absolute;
        top:0
    }
    .menu-albums-line img{
        height:auto;
        width:150px
    }
}
@media only screen and (min-width:1024px){
    .lyrics-container{
        height:100vh;
        overflow:auto;
        position:absolute;
        right:0;
        top:0;
        width:20vw
    }
    .lyrics-container .lyrics-content p{
        font-size:15px;
        padding:0
    }
    .lyrics-container .lyrics-exit{
        width:20vw
    }
    .lyrics-container .lyrics-exit img{
        height:1.5vw;
        margin:2rem auto;
        width:auto
    }
    .massaia{
        margin:2%
    }
    .massaia p{
        font-size:2.8vw
    }
    .menu{
        margin:2%
    }
    .menu img{
        width:2.8vw
    }
    .downInfo{
        padding:2%;
        max-width:95vw;
        width:100vw
    }
    .downInfo .topRow{
        bottom:0;
        margin:0;
        position:absolute
    }
    .downInfo .topRow .credits{
        gap:1vw
    }
    .downInfo .topRow .credits p{
        font-size:1.5vw
    }
    .downInfo .topRow .credits img{
        width:1.5vw
    }
    .downInfo .topRow .credits .sound{
        height:1.5vw
    }
    .downInfo .FCT p{
        font-size:.8vw;
        justify-self:center;
        max-width:70%;
        white-space:normal
    }
    .downInfo .FCT img{
        height:5vh;
        width:auto
    }
    .downInfo .topRow .song-info div{
        font-size:1.5vw;
        gap:1vw;
        margin:0
    }
    .downInfo .topRow .song-info .custom-dropdown .dropdown-toggle,.downInfo .topRow .song-info .custom-dropdown-item,.downInfo .topRow .song-info div .vol{
        font-size:1.5vw
    }
}
.menu-albums .menu-albums-cover{
    height:150px;
    width:150px
}
body{
    overflow:hidden
}
@media only screen and (min-width:0px){
    .credits-info{
        align-items:center;
        background-color:#fff;
        display:flex;
        flex-direction:column;
        height:100vh;
        justify-content:center;
        margin:0;
        position:absolute;
        top:0;
        width:100vw
    }
}
.credits-info .img-eyes{
    height:auto;
    width:25vw
}
.credits-info h2{
    font-family:AkzidGroLigOsF;
    font-size:120%;
    padding:5%
}
.credits-info .credits-roles-authors{
    display:block;
    font-family:AkzidGroLigOsF;
    font-size:4vw;
    height:51vh;
    overflow-y:scroll;
    padding:0 7%;
    scroll-behavior:smooth;
    text-align:center
}
.credits-info .credits-roles-authors .role{
    display:inline;
    font-family:AkzidGroMed
}
.credits-info .credits-exit{
    align-items:center;
    display:flex;
    justify-content:center;
    padding:5%;
    width:100%
}
.credits-info .credits-exit img{
    height:auto;
    width:10vw;
    z-index:1
}
.credits-info .credits-roles-authors::-webkit-scrollbar{
    width:12px
}
.credits-info .credits-roles-authors::-webkit-scrollbar-thumb{
    background-color:#00000080;
    border-radius:10px
}
.credits-info .credits-roles-authors::-webkit-scrollbar-track{
    background:#0000001a
}
@media only screen and (min-width:590px){
    .credits-info .img-eyes{
        margin-top:8vh;
        width:15vw
    }
    .credits-info h2{
        font-size:220%
    }
    .credits-info .credits-roles-authors{
        font-size:190%
    }
    .credits-info .credits-exit img{
        width:5vw
    }
}
@media only screen and (min-width:1024px){
    .credits-info .img-eyes{
        margin-top:8%;
        width:5vw
    }
    .credits-info h2{
        font-size:1.5vw;
        padding:2%
    }
    .credits-info .credits-roles-authors{
        font-size:1.3vw;
        height:61vh;
        padding:0 25%
    }
    .credits-info .credits-exit{
        margin:2% 0
    }
    .credits-info .credits-exit img{
        width:2.5vw
    }
}
body{
    overflow-x:hidden
}
a{
    color:#000;
    text-decoration:none
}
@media only screen and (min-width:0px){
    .menu-geral{
        background-color:#fff;
        height:20vw;
        margin:0;
        position:fixed;
        right:0;
        top:0;
        width:100vw;
        z-index:1
    }
    .menu-geral img{
        right:0
    }
    .menu-container{
        background-color:#fff;
        height:100vh;
        left:0;
        position:absolute;
        top:0;
        width:100vw
    }
    .menu-massaia{
        display:none
    }
    .menu-exit{
        height:auto;
        margin:7%;
        position:absolute;
        right:0;
        top:0;
        width:10vw;
        z-index:1
    }
    .menu-options{
        display:flex;
        flex-direction:column;
        height:100vh;
        justify-content:center;
        padding:2rem
    }
    .menu-options .menu-main-option{
        cursor:pointer;
        font-size:10vw
    }
    .menu-options .menu-main-option a{
        color:#000;
        font-family:AkzidGroReg;
        text-decoration:none
    }
    .menu-options .menu-main-option p{
        font-family:AkzidGroReg;
        margin:0;
        padding:0
    }
    .menu-options .menu-main-option .menu-option button{
        background:none;
        border:none;
        color:#000;
        cursor:pointer;
        font:inherit;
        font-family:AkzidGroLigOsF;
        outline:inherit;
        padding:0;
        text-decoration:none
    }
    .menu-options .menu-main-option .menu-option a{
        font-family:AkzidGroLigOsF
    }
}
@media only screen and (min-width:590px){
    .menu-massaia{
        display:block;
        font-family:AkzidGroLigOsF;
        font-size:6vw;
        font-weight:400;
        left:0;
        margin:6%;
        position:absolute;
        top:0
    }
    .menu-exit{
        margin:6%;
        width:7vw
    }
    .menu-options{
        padding:0
    }
    .menu-options .menu-main-option{
        font-size:7vw
    }
}
@media only screen and (min-width:1024px){
    .menu-geral{
        height:15vh
    }
    .menu-massaia{
        font-size:2.8vw;
        margin:2%
    }
    .menu-exit{
        margin:2%;
        width:2.8vw
    }
    .menu-options{
        align-items:start;
        margin-left:5%
    }
    .menu-options .menu-main-option{
        font-size:2.8vw;
        width:20%
    }
    .menu-options .menu-main-option .menu-option{
        margin-left:7%
    }
}
.loadingPage{
    align-items:center;
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:center;
    position:absolute;
    top:0;
    width:100%
}
@media only screen and (min-width:0px){
    .videoPlayer{
        background-color:#000;
        height:100vh;
        overflow:hidden;
        width:100%
    }
    .videoPlayer::-webkit-scrollbar{
        display:none
    }
    .videoPlayer{
        -ms-overflow-style:none;
        scrollbar-width:none
    }
    video{
        height:100%;
        object-fit:cover;
        width:100%
    }
    .eyes{
        align-items:center;
        display:flex;
        flex-direction:column;
        justify-content:center;
        position:absolute;
        top:0;
        width:100%
    }
    .eyes .img-eyes{
        height:auto;
        margin-top:10vh;
        width:25vw
    }
    .construction-notice{
        display:none
    }
    .content{
        align-items:center;
        color:#fff;
        display:flex;
        flex-direction:column;
        font-family:AkzidGroLigOsF;
        height:100%;
        justify-content:center;
        position:absolute;
        top:0;
        width:100%
    }
    .hidden{
        display:none
    }
    .content h1{
        font-size:13vw;
        font-weight:400
    }
    .content p{
        font-size:6vw
    }
    .content img{
        display:none
    }
}
@media only screen and (min-width:590px){
    .eyes .img-eyes{
        height:auto;
        width:15vw
    }
    .content h1{
        font-size:10vw
    }
    .content p{
        font-size:5vw
    }
}
@media only screen and (min-width:1024px){
    .videoPlayer{
        overflow:hidden
    }
    .eyes .img-eyes{
        display:none
    }
    .content h1,.content p{
        display:none!important
    }
    .content img{
        display:block;
        height:auto;
        position:relative;
        width:80%
    }
    .content img.img1{
        animation:img1 3s
    }
    .content img.img2{
        animation:img2 3s
    }
    .content img.img3{
        animation:img3 3s
    }
}
@supports (-webkit-touch-callout:none){
    .content h1,.content p{
        display:none!important
    }
}
@keyframes img1{
    0%{
        left:-100vw
    }
    to{
        left:0
    }
}
@keyframes img2{
    0%{
        right:-100vw
    }
    to{
        right:0
    }
}
@keyframes img3{
    0%{
        left:-100vw
    }
    to{
        left:0
    }
}
@media only screen and (min-width:0px){
    body{
        overflow:scroll!important
    }
    .musicControllers{
        align-items:center;
        background-color:#fff;
        bottom:0;
        display:flex;
        height:80px;
        padding:1.5rem;
        position:fixed;
        width:100%
    }
    .flex-item{
        flex:1 1
    }
    .left-group{
        color:#000;
        display:flex;
        gap:2vw!important
    }
    .musicControllers-vol{
        cursor:pointer;
        font-family:AkzidGroMed;
        font-size:5vw;
        margin:0;
        width:-webkit-max-content;
        width:max-content
    }
    .custom-dropdown{
        box-shadow:none!important
    }
    .custom-dropdown,.custom-dropdown .dropdown-toggle{
        background:none!important;
        border:none!important;
        padding:0;
        z-index:1
    }
    .custom-dropdown .dropdown-toggle{
        border-radius:0!important;
        color:#000!important;
        font-family:AkzidGroMed;
        font-size:5vw
    }
    .custom-dropdown .dropdown-menu{
        background:none!important;
        border:none!important;
        box-shadow:none!important;
        padding:0;
        z-index:1
    }
    .custom-dropdown-item{
        background-color:#fff!important;
        border:none!important;
        border-radius:0!important;
        color:#000!important;
        font-family:AkzidGroMed;
        font-size:5vw;
        padding:0 5px
    }
    .custom-dropdown-item:focus,.custom-dropdown-item:hover{
        background:#000!important;
        color:#fff!important
    }
    .center-group{
        text-align:end
    }
    .control-button{
        cursor:pointer;
        height:auto;
        margin:0 .5rem;
        width:4vw
    }
    .right-group{
        display:none
    }
}
@media only screen and (min-width:768px){
    body{
        overflow:hidden!important
    }
    .musicControllers{
        height:100px
    }
    .musicControllers-vol{
        font-size:3vw;
        z-index:1
    }
    .custom-dropdown .dropdown-toggle,.custom-dropdown-item{
        font-size:3vw
    }
    .control-button{
        width:3vw
    }
    .center-group{
        text-align:center
    }
    .right-group{
        display:block;
        text-align:end;
        z-index:1
    }
}
@media only screen and (min-width:1024px){
    .musicControllers{
        height:50px
    }
    .custom-dropdown .dropdown-toggle,.custom-dropdown-item,.musicControllers-vol{
        font-family:AkzidGroLigOsF;
        font-size:1.2vw
    }
    .control-button{
        width:1vw
    }
}
.gallery-container{
    margin-top:10vh
}
.artPiece-grid-item{
    align-items:center;
    display:flex;
    flex-direction:column;
    margin:10px
}
.artPiece-grid-item img{
    cursor:pointer;
    height:auto;
    object-fit:cover;
    width:100%
}
.art_info{
    margin-bottom:3vh;
    margin-top:15px;
    text-align:left;
    width:90vw
}
.carousel-container{
    height:75vh;
    overflow-y:hidden;
    position:relative;
    width:100%
}
.carousel-control-prev{
    height:50px;
    left:0;
    top:55%;
    transform:translateY(-100%)
}
@media (min-width:769px){
    .gallery-container{
        margin-top:15vh
    }
    .carousel-container{
        display:flex
    }
    .grid-container{
        display:none
    }
    .display_art_pieces{
        height:100%;
        width:100%
    }
    .art_piece img{
        height:80vh;
        object-fit:cover;
        width:100vw
    }
    .carousel,.carousel-inner,.carousel-item{
        position:relative
    }
    .carousel-caption{
        background-color:#fff;
        bottom:10rem;
        height:-webkit-max-content;
        height:max-content;
        left:63vw;
        max-width:300px;
        padding:10px;
        position:relative;
        text-align:left;
        width:20vw;
        z-index:10;
        h3{
            font-size:1.5rem
        }
    }
    .carousel-caption h3,.carousel-caption p{
        color:#000
    }
    .custom-modal-size{
        align-items:center;
        display:flex;
        justify-content:center!important;
        max-width:none;
        width:auto
    }
    .custom-modal-size .modal-content{
        height:auto;
        max-height:100vh;
        max-width:100vw;
        width:auto
    }
}
@media only screen and (min-width:1024px){
    .carousel-caption{
        left:75%
    }
}
@media only screen and (min-width:0px){
    .moments-container{
        display:grid;
        grid-template-rows:auto 1fr;
        height:100vh
    }
    .header-container{
        display:block;
        grid-row:1
    }
    .header-container.hide{
        display:none
    }
    .header-container.show{
        display:block
    }
    .moments-grid-container{
        grid-row:2
    }
    .scrollable{
        overflow-y:auto
    }
    .moments-grid{
        grid-row-gap:7rem;
        grid-column-gap:2rem;
        column-gap:2rem;
        display:grid;
        grid-template-columns:repeat(1,1fr);
        margin:12vh 3.5vh 10vh;
        row-gap:7rem
    }
    .moments-grid img,.moments-grid video{
        aspect-ratio:4/3;
        border:.1rem solid;
        height:120%;
        object-fit:cover;
        width:100%
    }
    .moments-grid p{
        font-family:AkzidGroMed;
        font-size:18px;
        text-align:center
    }
    .spinner-container{
        height:75vh;
        position:relative;
        width:100%
    }
    .spinner{
        align-items:center;
        bottom:0;
        display:flex;
        justify-content:center;
        left:0;
        position:absolute;
        right:0;
        top:0
    }
}
@media only screen and (min-width:749px){
    .header-container.hide{
        display:none
    }
    .header-container.show{
        display:block
    }
    .moments-grid{
        grid-row-gap:7rem;
        grid-column-gap:2rem;
        column-gap:2rem;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        margin:15vh 11vh;
        row-gap:7rem
    }
}
@media only screen and (min-width:1024px){
    .header-container.hide{
        display:none
    }
    .header-container.show{
        display:block
    }
    .moments-grid{
        grid-row-gap:7rem;
        grid-column-gap:2rem;
        column-gap:2rem;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        margin:15vh 11vh;
        row-gap:7rem
    }
}
body{
    overflow:hidden!important
}
@media only screen and (min-width:0px){
    .authors-container{
        display:grid;
        grid-template-rows:auto 1fr;
        height:100vh
    }
    .header-container{
        grid-row:1
    }
    .authors-grid-container{
        grid-row:2
    }
    .authors-grid{
        display:grid;
        grid-template-columns:repeat(1,1fr);
        margin:12vh 3.5vh 10vh
    }
    .authors-image{
        aspect-ratio:3/3;
        filter:grayscale(100%);
        height:auto;
        object-fit:cover;
        width:100%
    }
    .authors-image.hidden{
        display:none
    }
    .authors-controllers{
        bottom:15%;
        color:#fff;
        left:55%;
        position:relative;
        transform:translateX(-50%)
    }
    .author-name{
        color:#fff;
        font-family:AkzidGroMed;
        font-size:16px
    }
    .authors-controllers button{
        background:none;
        border:none;
        bottom:3%;
        cursor:pointer;
        margin-top:0;
        position:absolute;
        right:10%
    }
    .authors-controllers button img{
        height:auto;
        width:18px
    }
    .authors-controllers.hidden{
        display:none
    }
    .authors-info{
        align-items:center;
        color:#000;
        display:flex;
        flex-direction:column
    }
    .authors-info div{
        max-height:30vh;
        overflow-y:scroll
    }
    .authors-info h3{
        align-self:baseline;
        display:flex;
        font-family:AkzidGroMed;
        font-size:16px;
        margin-top:2vh
    }
    .authors-info p{
        font-family:AkzidGroLigOsF;
        font-size:16px;
        margin-top:1vh;
        width:100%
    }
    .authors-info a{
        color:#000!important;
        font-family:AkzidGroMed;
        text-decoration:none
    }
    .authors-info button{
        background:none;
        border:none;
        cursor:pointer;
        margin-right:8vw;
        margin-top:3vh
    }
    .authors-info button img{
        height:auto;
        width:22px
    }
}
@media only screen and (min-width:650px){
    .authors-info h3{
        font-size:25px
    }
    .authors-info p{
        font-size:20px
    }
    .author-name{
        font-size:25px
    }
    .authors-controllers button img{
        width:25px
    }
}
@media only screen and (min-width:1024px){
    .authors-container{
        overflow:hidden
    }
    .authors-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        margin:15vh 0 0
    }
    .authors-image.hidden{
        display:none
    }
    .authors-controllers{
        bottom:40%;
        color:#fff;
        left:60%;
        position:relative;
        transform:translateX(-50%)
    }
    .author-name{
        color:#fff;
        font-family:AkzidGroMed;
        font-size:24px
    }
    .authors-controllers button{
        background:none;
        border:none;
        cursor:pointer;
        margin-top:1vh;
        position:relative;
        right:0;
        top:0
    }
    .authors-controllers button img{
        height:auto;
        width:20px
    }
    .authors-controllers.hidden{
        display:none
    }
    .authors-info{
        align-items:center;
        color:#000;
        display:flex;
        flex-direction:column
    }
    .authors-info h3{
        align-self:baseline;
        display:flex;
        font-family:AkzidGroMed;
        font-size:20px;
        margin-top:2rem
    }
    .authors-info p{
        font-family:AkzidGroLigOsF;
        font-size:20px;
        margin-right:6.5vw;
        margin-top:3vh;
        width:86%
    }
    .authors-info button{
        background:none;
        border:none;
        bottom:0;
        cursor:pointer;
        margin-right:7%;
        position:absolute
    }
    .authors-info button img{
        height:auto;
        width:25px
    }
    .authors-info.helena{
        margin-top:10vh;
        padding:2rem;
        position:absolute;
        right:0;
        top:0;
        width:50%
    }
    .authors-info.helena div{
        max-height:60vh
    }
    .authors-info.pedro{
        left:0;
        margin-top:10vh;
        overflow:hidden;
        padding:2rem;
        position:absolute;
        top:0;
        width:50%
    }
    .authors-info.pedro div{
        max-height:60vh
    }
}
.header-container{
    position:fixed;
    top:0;
    width:100%;
    z-index:1
}
.artists-container{
    margin-top:10vh
}
.grid-container{
    grid-gap:10px;
    display:grid;
    gap:10px;
    grid-auto-rows:auto;
    grid-template-columns:repeat(1,1fr);
    margin-bottom:5vh;
    overflow-y:auto;
    width:100%
}
.grid-item{
    align-items:center;
    display:flex;
    flex-direction:column;
    margin:10px
}
.grid-item img{
    cursor:pointer;
    filter:grayscale(100%);
    height:90vw;
    object-fit:cover;
    width:90vw
}
.grid-item.active img{
    filter:grayscale(0);
    filter:brightness(.7)
}
.artists_info{
    margin-bottom:3vh;
    margin-top:15px;
    text-align:left;
    width:90vw
}
.artists_info p{
    font-family:AkzidGroLigOsF;
    font-size:18px;
    margin:0
}
.spinner-container{
    align-items:center;
    bottom:0;
    display:flex;
    justify-content:center;
    left:0;
    position:absolute;
    right:0;
    top:0
}
@media (min-width:769px){
    .grid-item img{
        height:200px;
        width:100%
    }
    .artists-container{
        margin-top:15vh
    }
    .grid-container{
        gap:0;
        grid-template-columns:repeat(auto-fit,minmax(200px,1fr))
    }
    .grid-item{
        margin:0;
        position:relative
    }
    .artists_info{
        bottom:0;
        color:#fff;
        display:none;
        left:0;
        margin:0;
        padding:10px;
        position:absolute;
        width:auto
    }
    .artists_info p{
        font-family:AkzidGroMed;
        font-size:20px
    }
    .artists_info .artists-title{
        font-size:14px
    }
    .grid-item.active .artists_info{
        display:block
    }
}
@media only screen and (min-width:0px){
    .project-container{
        margin-top:12vh
    }
    .project-video{
        height:auto;
        margin-bottom:2rem;
        width:100vw
    }
    .project-scroll-bar{
        align-items:center;
        display:flex;
        flex-direction:row;
        gap:2rem;
        justify-content:center;
        overflow-x:auto
    }
    .project-scroll-bar p{
        cursor:pointer;
        font-family:AkzidGroMed;
        font-size:15px;
        margin:0 1rem;
        width:-webkit-max-content;
        width:max-content
    }
    .project-scroll-bar .project-key{
        cursor:pointer;
        margin:0 10px;
        padding:10px
    }
    .project-scroll-bar .project-key.selected{
        background-color:#000;
        color:#fff
    }
    .project-scroll-bar .nav-arrow{
        cursor:pointer;
        margin:0 10px;
        width:2rem
    }
    .project-scroll-bar .nav-arrow-prev{
        transform:rotate(180deg)
    }
    .project-info{
        padding:2rem
    }
    .project-info .sanitized-content p{
        font-family:AkzidGroLigOsF;
        font-size:18px
    }
    .project-info a{
        color:#000;
        font-family:AkzidGroMed;
        text-decoration:none
    }
    .project-info .logos{
        align-items:center;
        display:flex;
        flex-direction:column;
        justify-content:center
    }
    .project-info .logos img{
        height:auto;
        margin:2rem;
        width:35vw
    }
}
@media only screen and (min-width:880px){
    .project-container{
        margin-top:5vh
    }
    .project-video{
        height:40vh;
        margin:0;
        width:100vw
    }
    .project-scroll-bar{
        justify-content:flex-start;
        margin:2rem
    }
    .project-scroll-bar .project-key{
        margin:0
    }
    .project-info{
        margin:2rem;
        padding:0 45% 0 0
    }
    .project-info .sanitized-content p{
        font-size:16px;
        margin:0
    }
    .project-info .logos{
        flex-direction:row;
        justify-content:flex-start
    }
    .project-info .logos img{
        height:6vh;
        margin:2rem 2rem 0 0;
        width:auto
    }
}
body{
    overflow-y:scroll!important
}
@media only screen and (min-width:0px){
    .site-container{
        margin-top:15vh
    }
    .site-container,.site-creator{
        align-items:center;
        display:flex;
        flex-direction:column
    }
    .site-creator{
        margin-bottom:1rem
    }
    .site-img{
        border-radius:100px;
        margin-bottom:.8rem;
        width:200px
    }
    .site-name{
        font-family:AkzidGroMed;
        font-size:25px;
        margin:0;
        text-align:center
    }
    .site-title{
        text-align:center
    }
    .site-description,.site-title{
        font-family:AkzidGroLigOsF;
        font-size:20px
    }
    .site-description{
        margin:2rem
    }
}
@media only screen and (min-width:1039px){
    .site-container{
        flex-direction:row;
        justify-content:center
    }
    .site-creator{
        margin:2rem 4rem
    }
    .site-img{
        border-radius:75px;
        width:150px
    }
    .site-name{
        font-size:18px
    }
    .site-title{
        font-size:15px
    }
    .site-description{
        margin:0 0 8vh 2rem;
        padding:0 45% 0 0
    }
}
.notfound-container{
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:center;
    padding:2rem;
    width:100vw
}
.notfound-container a{
    text-decoration:none
}
.notfound-container a button{
    border-radius:0;
    width:-webkit-max-content;
    width:max-content
}
@font-face{
    font-family:AkzidGroLigOsF;
    font-weight:400;
    src:local("AkzidGroLigOsF"),url(/static/media/AkzidGroLigOsF.ae8cb839349f24aead19.ttf) format("opentype")
}
@font-face{
    font-family:AkzidGroReg;
    font-weight:400;
    src:local("AkzidGroReg"),url(/static/media/AkzidGroReg.b9ed308c7dafd2e163c6.ttf) format("opentype")
}
@font-face{
    font-family:AkzidGroMed;
    font-weight:400;
    src:local("AkzidGroMed"),url(/static/media/AkzidGroMed.25e11a7e8191db61868f.ttf) format("opentype")
}
*{
    font-family:AkzidGroLigOsF;
    margin:0;
    padding:0
}
::-webkit-scrollbar{
    display:none
}
*{
    -ms-overflow-style:none;
    scrollbar-width:none
}
@media only screen and (min-width:0px){
    .navbar{
        background-color:#fff;
        color:#000;
        width:100%
    }
    .navbar .navbar-massaia{
        display:none
    }
    .navbar .navbar-menu{
        height:auto;
        margin:7%;
        position:absolute;
        right:0;
        top:0;
        width:10vw;
        z-index:1
    }
}
@media only screen and (min-width:590px){
    .navbar .navbar-massaia{
        display:block;
        font-family:AkzidGroLigOsF;
        font-size:6vw;
        font-weight:400;
        left:0;
        margin:6%;
        position:absolute;
        top:0
    }
    .navbar .navbar-menu{
        margin:6%;
        width:7vw
    }
}
@media only screen and (min-width:1024px){
    .navbar .navbar-massaia{
        font-size:2.8vw;
        margin:2%
    }
    .navbar .navbar-menu{
        margin:2%;
        width:2.8vw
    }
}
/*# sourceMappingURL=main.b089fc7a.css.map*/