/*General */

@font-face {
    font-family: 'custom';
    src: url("caviar-cb047bd9ad5b66fcdc5348bfebc4ad38.ttf");
}

@font-face {
    font-family: 'customBold';
    src: url("caviarBold-ce4b9ca56d395facfdc54a009fa25d16.ttf");
}

@font-face {
    font-family: 'script';
    src: url("script-86868c2409bb93a8bc007441ede05b8c.otf");
}

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

    --main-bg : #ffffff;
    --main-ft : #000000;
    --highlight-ft : #ff9100;
    --highlight-alt : #ffc28eff;
}

body {
    background-color: var(--main-bg);
    font-family: 'custom', sans-serif;
}

main {
    position: relative;
    top : 6vh;
}

.ft-bold {
    font-family: 'customBold', sans-serif;
}

.ft-highlight {
    color : var(--highlight-ft);
}

.box-custom {
    box-shadow: var(--main-ft) 2px 2px 5px 0;
    background-color: #ffffffab;
    text-overflow: clip;
}

.btn-custom {
    font-family: 'customBold', sans-serif;
    color:var(--main-bg);
    background-color: var(--highlight-ft);
}

.btn-custom:hover {
    background-color: var(--highlight-alt);
    color:var(--main-bg);
}

/*flash messages */

.alert-custom {
    position: fixed;
    top : 10vh;
    left : 5vw;
    width : 90vw;
    transition : width 1000ms;
    overflow: hidden;
    text-overflow: "";
    text-wrap: nowrap;
}

/* Navbar */

.navbar-custom {
    position: fixed;
    z-index: 10;
}

.nav-logo {
    width : 5vh;
    height: 5vh;
}

.nav-title {
    font-family: 'customBold', sans-serif;
}



/* Banner */

.banner {
    
    aspect-ratio: 5/1;
    background-image: url("../pictures/main/banner-21f4fa6d5f47c2b286bbbb295a8ebbe5.jpg");
    background-size: 100%;
    background-attachment: fixed;
    background-position-y: 6vh;
}

.banner-row {
    height: 100%;
}

.banner-title {
    font-family : 'customBold';
    font-size : 6vw;
    color : var(--main-bg);
    -webkit-text-stroke: var(--main-ft) 1px;
    transform: rotate(-15deg);
}

.banner-by {
    font-family: 'script';
    font-size: 9vw;
    color : var(--highlight-ft)
}

/* Page publique */
    /*intersections*/

.intersection {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 94vh;
    background-position-y: 6vh;
}

#inter1 {

    background-image: url("../pictures/main/inte1-504bc8828e78f9812c6a9a400a64437f.jpg");    
}

#inter2 {
    background-image: url("../pictures/main/inte2-3275d9b8cd3ef0f9a2402c1972801416.jpg");    
}

#inter3 {
    background-image: url("../pictures/main/inte3-79b08d93a09980be50182e81c536a6a3.jpg");    
}

#inter4 {
    background-image: url("../pictures/main/inte4-c993db3eb74634a021da2e5b1dd864ec.jpg");    
}

    /*parties*/

.home-part {
    background-size: 100%;
    background-repeat: no-repeat;
    
    min-height: 100vh;
}

.construct-part {
    background-size: 100%;
    background-repeat: no-repeat;
    
    min-height: 60vh;
}

#part1 {
    background-image: url("../pictures/main/part1-4b07cfdef847cf6211931240a299289c.png");
    background-position: bottom;    
}

#part2 {
    background-image: url("../pictures/main/part2-877b17c724b7e9aaea63c3147e5e6e4c.png");
    background-position: top;    
}

#part3 {
    background-image: url("../pictures/main/part3-40358733ececae47a528a9355cbeff99.png");
    background-position: top;    
}

.pn-video {
    width:100%;
    aspect-ratio: 560/315;    
}

.join-box {
    background-image: url("../pictures/main/join-d3bf3e5c1c267cf60add31903ce2e6c6.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 80%;
    aspect-ratio: 1000/747;
    box-shadow: var(--main-ft) 2px 2px 5px 0;
}

#join {
    color:var(--highlight-ft);
    font-family: 'script', sans-serif;
    font-size:350%;
    transform: rotate(10deg);
}

/* footer */

footer {
    background-color: var(--main-ft);
    color : var(--main-bg);
}

.footer-link {
    color: var(--main-bg);
}

.footer-link:hover {
    color: var(--main-bg);
    font-family: 'customBold', sans-serif;
}

.footer-link:active {
    color: var(--main-bg);
}