@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900');

:root{
    --blue:#0188DF;
    --black:#354046;
}

*{
  font-family: 'Montserrat', sans-serif;
    margin: 0; padding: 0;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    /* text-transform: capitalize; */
    font-weight: 400;
    transition: all .2s linear;
}

*::selection{
    background:var(--black);
    color: #fff;
}


body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

header{
    position: absolute;
    z-index: 1;
}

header .second{
    z-index: -1;
  background: #0F2027;  
  background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  
  background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
}
.main{
    margin-bottom: 13vh;
}


.pins{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 60%;
    left: 5vw;
    cursor: pointer;
    padding-top: 6px;
    padding-right: 2px;
}

/* .main ul{
    margin-left: 23rem;
    font-size: 20px;
} */

.main .gauche{
    margin-top: 22rem;
}

.main .droite{
    margin-top: 19rem;
    margin-left: 8rem;
    width: 80%;
    height: fit-content;
    z-index: 1;
}


header .third ul{
    margin-left: 26rem;
}

header .third{
    position: relative;

}

.contain{
    background-color: #F3F1F5 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}


@media (max-width:768px){
    html{
        font-size: 55%;
    }
    .main{
        margin-top: 25rem;
    }

    header .second{
        background-image: url("../images/psycho.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        
    }

    header .third{
        display: none !important;
    }
    header .first{
        display: none !important;
    }
    .pins{
        display: none;
    }

    .second .bggrad{
        background: rgba(10, 12, 10, 0.5) !important;
        height:150px;
    }
}


@media (max-width:400px){

    .main .gauche .nav a{
        font-size: 15px;
    }

    

}