/*
 * Globals
 */


/* Links */


/* Custom default button */

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
    text-shadow: none;
    /* Prevent inheritance from `body` */
    background-color: #04AA6D;
    color: white;
    border: .05rem solid rgb(255, 255, 255);
}


/*
 * Base structure
 */

html,
body {
    height: 100vh;
    background-image: url('image/apple.webp');
    color: rgb(0, 0, 0);
}

body {
    display: -ms-flexbox;
    display: flex;
    color: rgb(255, 255, 255);
    /* box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */
}

.navigation a {
    padding: 9px;
    color: white;
    font-weight: 400;
    text-decoration: none;
    border-radius: 3px;
    font-size: 25px;
    font-family: 'Times New Roman', Times, serif;
}

@media screen and (max-width: 375px) {
    .navigation a {
        font-size: 15px;
    }
    #accueil {
        margin: 43px;
    }
}

@media screen and (min-width: 320px) {
    .navigation a {
        font-size: 17px;
    }
    .navigation {
        padding: 0;
    }
    #accueil {
        margin: 15px;
    }
}

@media screen and (min-width: 768px) {
    .navigation a {
        font-size: 19px;
    }
    .navigation {
        padding: 0;
    }
    #accueil {
        margin: 15px;
    }
}

@media screen and (max-width: 425px) {
    .navigation a {
        font-size: 17px;
    }
}


/*Corps de mon cover*/

#main,
h1 {
    color: #fff;
    text-transform: uppercase;
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: initial;
    letter-spacing: 2px;
    font-size: 1.9rem;
}

#main,
i {
    color: gold;
    font-style: inherit !important;
}

#main,
p {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}

.cover-container {
    max-width: 42em;
}


/*
 * Header
 */

.masthead {
    margin-bottom: 2rem;
}

.masthead-brand {
    margin-bottom: 0;
}

.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgb(0, 248, 21);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link+.nav-link {
    margin-left: 1rem;
}

#main {
    background-image: initial;
    background-position: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: repeat-x;
    background-repeat: repeat-y;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    color: rgba(0, 0, 0, 0.51);
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 8px 5px 0px #6a676726;
}

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}

.topnav a {
    float: left;
    display: block;
    color: hsl(0, 0%, 100%);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
    position: relative;
    left: 9rem;
    font-size: 21px;
    border: green 1px;
    border-radius: 1rem;
    margin: 2rem;
}

.topnav a:hover {}

@media (min-width: 2em) {
    .masthead-brand {
        float: left;
    }
    .nav-masthead {
        float: right;
    }
}


/*
 * Cover
 */

.cover {
    padding: 0 1.5rem;
}

.cover .btn-lg {
    padding: .75rem 1.25rem;
    font-weight: 700;
}

.logo_blolab {
    position: absolute;
    left: 0;
    padding-left: 9px;
}

@media (max-width:767px) {
    .logo_blolab {
        position: absolute;
        left: 0;
        top: -25px;
        padding-left: 9px;
    }
    .cover-container {
        position: absolute;
        top: 29px;
    }
}

@media (min-width:768px) {}


/*
 * Footer
 */

.mastfoot {
    color: rgba(255, 255, 255, .5);
}