/* defaults */
                        
                        @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
                        html,
                        body {
                            color: black;
                            font-family: 'Libre Baskerville', serif;
                        }
                        
                         ::selection {
                            background-color: rgba(0, 0, 0, 0.25);
                            color: white;
                        }
                        
                         ::-moz-selection {
                            background-color: rgba(0, 0, 0, 0.25);
                            color: white;
                        }
                        
                        ol,
                        ul {
                            list-style: none;
                        }
                        
                        a {
                            text-decoration: none;
                            color: black;
                            cursor: pointer;
                        }
                        
                        a:hover {
                            z-index: 10000000;
                            color: red;
                        }
                        
                        img {
                            width: 200px;
                        }
                        
                        img.big {
                            width: 700px;
                        }
                        
                        .intro {
                            width: 300px;
                        }
                        
                        .scann {
                            width: 600px;
                        }
                        
                        p {
                            font-size: 22.5pt;
                            text-align: justify;
                            line-height: 120%;
                        }
                        
                        p+p {
                            text-indent: 5%;
                        }
                        
                        li {
                            line-height: 120%;
                            font-size: 11pt;
                            margin-left: 10px;
                            line-height: 120%;
                        }
                        
                        li:hover {
                            color: red;
                        }
                        
                        h1 {
                            font-size: 72pt;
                            text-transform: uppercase
                        }
                        
                        h1:hover {
                            text-decoration: underline red 2px;
                            text-underline-offset: 3px;
                        }
                        
                        h2 {
                            font-size: 12pt;
                            font-weight: bolder;
                            margin-bottom: 0;
                            margin-top: 15px;
                            text-transform: uppercase;
                            inline-size: 1.5;
                            line-height: 120%;
                        }
                        
                        h3 {
                            font-size: 31.5pt;
                            font-weight: bolder;
                            margin-bottom: 0;
                            margin-top: 15px;
                            text-transform: uppercase;
                            inline-size: 1.5;
                            line-height: 120%;
                            text-decoration: underline red 2px;
                            text-underline-offset: 3px;
                            text-align: center;
                        }
                        
                        label {
                            background-color: white;
                            text-align: center;
                            margin: auto;
                            margin-top: -2px;
                            display: block;
                            padding: 5px;
                            font-style: italic;
                        }
                        
                        legend {
                            font-style: italic;
                            padding-top: 2px;
                        }
                        
                        footer {
                            background-color: none;
                        }
                        
                        i {
                            text-decoration: underline red;
                            text-underline-offset: 3px;
                            font-style: normal;
                        }
                        
                        .containerButton {
                            display: inline-block;
                            cursor: pointer;
                            margin: 5px;
                        }
                        
                        .bar1,
                        .bar2,
                        .bar3 {
                            width: 35px;
                            height: 2px;
                            background-color: red;
                            margin: 6px 0;
                            transition: 0.4s;
                        }
                        
                        .change .bar1 {
                            -webkit-transform: rotate(-45deg) translate(-9px, 6px);
                            transform: rotate(-45deg) translate(-9px, 6px);
                        }
                        
                        .change .bar2 {
                            opacity: 0;
                        }
                        
                        .change .bar3 {
                            -webkit-transform: rotate(45deg) translate(-8px, -8px);
                            transform: rotate(45deg) translate(-8px, -8px);
                        }
                        
                        .imgfooter {
                            max-width: 100%;
                            margin: 10%;
                            text-align: center;
                            -webkit-transition: opacity 1s ease-in-out;
                            -moz-transition: opacity 1s ease-in-out;
                            -ms-transition: opacity 1s ease-in-out;
                            -o-transition: opacity 1s ease-in-out;
                            transition: opacity 1s ease-in-out;
                        }
                        
                        .imgfooter:hover {
                            zoom: 1;
                            filter: alpha(opacity=50);
                            opacity: 0;
                        }
                        
                        @keyframes opacity {
                            0% {
                                opacity: 100%;
                            }
                            30% {
                                opacity: 0%;
                            }
                            70% {
                                opacity: 0%;
                            }
                            100% {
                                opacity: 100%;
                            }
                        }
                        
                        .footergridparent {
                            display: grid;
                            grid-template-columns: repeat(5, 1fr);
                            grid-template-rows: repeat(4, 1fr);
                            grid-column-gap: 10px;
                            grid-row-gap: 10px;
                            padding: 10px;
                        }
                        
                        .sendEmail {
                            padding-left: 10px;
                            padding: 20%;
                            padding-top: 10px;
                            padding-bottom: 10px;
                        }
                        
                        .blueBookTitle {
                            font-size: 10vw;
                            z-index: -10;
                            padding-left: 20px;
                            padding-top: 10px;
                            width: 100%;
                            height: 160px;
                            font-weight: bolder;
                            text-align: center;
                            position: fixed;
                        }
                        
                        .menuButton button {
                            position: fixed;
                            margin-top: 10px;
                            margin-left: 10px;
                            z-index: 10000000000000;
                            background-color: white;
                            color: black;
                            border: 2px solid red;
                            text-decoration: none;
                            display: none;
                        }
                        
                        .parent {
                            position: relative;
                            flex-direction: column;
                            flex-wrap: wrap;
                        }
                        
                        .container1 {
                            padding-left: 9%;
                            transform: perspective(13cm) rotateX(0deg) rotateY(6deg);
                            width: 83%;
                        }
                        
                        .container2 {
                            padding-left: 9%;
                            transform: perspective(13cm) rotateX(0deg) rotateY(6deg);
                            width: 83%;
                            margin-top: 35%;
                        }
                        
                        .containerimg {
                            height: 200px;
                            margin: 50px auto 0px;
                            width: fit-content;
                        }
                        
                        .containerimgRW {
                            background-color: none;
                            height: 200px;
                            margin: 20px auto 40px;
                            width: fit-content;
                        }
                        
                        .floatingimgcontainer {
                            height: 500px;
                            width: fit-content;
                            position: fixed;
                            top: 200px;
                            left: 50%;
                            transform: translate(-50%);
                            display: none;
                            cursor: pointer;
                            z-index: 100000000;
                        }
                        
                        .floatingimgcontainerborder {
                            height: 500px;
                            width: fit-content;
                            position: fixed;
                            top: 200px;
                            left: 50%;
                            transform: translate(-50%);
                            display: none;
                            cursor: pointer;
                            z-index: 100000000;
                            border-width: 2px;
                            border-style: solid;
                            border-color: red;
                            background-color: white;
                            cursor: move;
                        }
                        
                        .scrollable {
                            overflow: scroll;
                        }
                        
                        .floatingimg,
                        .imageAndLegende {
                            width: 500px;
                        }
                        
                        .indeximg:hover {
                            color: red;
                        }
                        
                        .enfant {
                            width: 100%;
                            word-wrap: break-word;
                            font-size: 30px;
                            background-color: white;
                        }
                        
                        .hidden {
                            display: none;
                        }
                        
                        .item {
                            justify-self: stretch;
                            place-self: center;
                            position: relative;
                            height: 100%;
                            overflow: hidden;
                        }
                        
                        .item img {
                            max-width: 100%;
                            min-height: 100%;
                            object-fit: cover;
                        }
                        
                        .path {
                            position: absolute;
                            fill: #FF0000;
                            stroke: red;
                        }
                        
                        .svg svg {
                            visibility: hidden;
                        }
                        
                        .svg svg,
                        .item img {
                            transition: 0.2s;
                            transition-timing-function: linear;
                        }
                        
                        .svgimg2 {
                            position: absolute;
                            z-index: 10;
                            margin-top: -98%;
                            margin-left: 36%;
                            width: 35%;
                            stroke-width: 2 px;
                        }
                        
                        .note {
                            width: 217px;
                            color: black;
                            position: fixed;
                            right: -10px;
                            bottom: 20px;
                            z-index: 1000;
                            background-color: white;
                            border-width: 2px;
                            border-style: solid;
                            border-color: red;
                            transition: ease-in-out;
                            transform: perspective(35cm) rotateX(0deg) rotateY(-40deg);
                        }
                        
                        .note:hover {
                            margin-right: 20px;
                            animation-name: noteMove;
                            animation-duration: 10s;
                            transition-timing-function: ease-in-out;
                            transform: perspective(0cm) rotateX(0deg) rotateY(0deg);
                        }
                        /*
                        @keyframes noteMove {
                            from {
                                transform: perspective(35cm) rotateX(0deg) rotateY(-40deg);
                            }
                            to {
                                transform: perspective(0cm) rotateX(0deg) rotateY(0deg);
                            }
                        }
                        */
                        
                        .index {
                            margin-left: 10px;
                        }
                        
                        .indexLine {
                            display: none;
                        }
                        
                        .index-titre {
                            padding-left: 10px;
                            background-color: red;
                            padding-top: 5px;
                            padding-bottom: 5px;
                        }
                        
                        .selected {
                            color: red;
                        }
                        
                        .title {
                            margin-top: 280px;
                            margin-bottom: 10px;
                            font-size: 80px;
                        }
                        
                        .zoom {
                            transform: scale(2) translate(25%, 25%);
                        }
                        
                         ::-webkit-scrollbar {
                            display: none;
                        }
                        
                        .hidden {
                            display: none;
                        }
                        
                        #content {
                            position: relative;
                            height: 970px;
                        }
                        
                        .mydiv {
                            position: absolute;
                        }
                        
                        .mydiv:after {
                            content: no-close-quote;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                        }
                        
                        #div1 {
                            left: 300px;
                            top: 400px;
                            width: 50px;
                            height: 50px;
                            animation-name: div1Mouv;
                            animation-duration: 20s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        #div2 {
                            left: 20px;
                            top: 20px;
                            width: 50px;
                            height: 40px;
                            animation-name: div2Mouv;
                            animation-duration: 18s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        #div3 {
                            left: 800px;
                            top: 300px;
                            width: 50px;
                            height: 40px;
                            transition: all 2s ease-in;
                            animation-name: div3Mouv;
                            animation-duration: 15s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        #div4 {
                            left: 1000px;
                            top: 80px;
                            width: 50px;
                            height: 40px;
                            transition: all 2s ease-in;
                            animation-name: div4Mouv;
                            animation-duration: 10s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        #div5 {
                            left: 1200px;
                            top: 400px;
                            width: 50px;
                            height: 40px;
                            transition: all 2s ease-in;
                            animation-name: div5Mouv;
                            animation-duration: 25s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        #div6 {
                            left: 200px;
                            top: 500px;
                            width: 50px;
                            height: 40px;
                            transition: all 2s ease-in;
                            animation-name: div6Mouv;
                            animation-duration: 15s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        .line {
                            position: absolute;
                            width: 2px;
                            background-color: red;
                            z-index: -1000;
                        }
                        
                        .linetop {
                            position: absolute;
                            width: 2px;
                            background-color: red;
                            z-index: 1000000;
                        }
                        
                        #lineGI1 {
                            z-index: 100000;
                        }
                        
                        #lineGI2 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        #linePBB1 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        #linePBB2 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        #linePBB3 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        #linePBB4 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        #linePBB5 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        #linePBB6 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        #lineRW1 {
                            display: none;
                            z-index: 100000;
                        }
                        
                        .animPerspective {
                            transition: all 2s ease-in;
                            animation-name: perspective;
                            animation-duration: 5s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        @keyframes perspective {
                            0% {
                                transform: perspective(30cm) rotateX(20deg) rotateY(30deg);
                            }
                            50% {
                                transform: perspective(20cm) rotateX(20deg) rotateY(20deg);
                            }
                            100% {
                                transform: perspective(30cm) rotateX(20deg) rotateY(30deg);
                            }
                        }
                        
                        .animFloat {
                            transition: all 2s ease-in;
                            animation-name: float;
                            animation-duration: 5s;
                            transition-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                        }
                        
                        @keyframes float {
                            0% {
                                transform: translatey(0px);
                                transform: rotate(-1deg);
                            }
                            50% {
                                transform: translatey(-10px);
                                transform: rotate(1deg);
                            }
                            100% {
                                transform: translatey(0px);
                                transform: rotate(-1deg);
                            }
                        }
                        
                        @keyframes div1Mouv {
                            from {
                                left: 300px;
                                top: 900px;
                                width: 50px;
                                height: 50px;
                            }
                            50% {
                                left: 150px;
                                top: 200px;
                                width: 50px;
                                height: 50px;
                            }
                            to {
                                left: 300px;
                                top: 900px;
                                width: 50px;
                                height: 50px;
                            }
                        }
                        
                        @keyframes div2Mouv {
                            from {
                                left: 20px;
                                top: 20px;
                                width: 50px;
                                height: 40px;
                            }
                            50% {
                                left: 30px;
                                top: 600px;
                                width: 50px;
                                height: 50px;
                            }
                            to {
                                left: 20px;
                                top: 20px;
                                width: 50px;
                                height: 40px;
                            }
                        }
                        
                        @keyframes div3Mouv {
                            from {
                                left: 800px;
                                top: 300px;
                                width: 50px;
                                height: 40px;
                            }
                            50% {
                                left: 1200px;
                                top: 700px;
                                width: 50px;
                                height: 50px;
                            }
                            to {
                                left: 800px;
                                top: 300px;
                                width: 50px;
                                height: 40px;
                            }
                        }
                        
                        @keyframes div4Mouv {
                            from {
                                left: 1000px;
                                top: 80px;
                                width: 50px;
                                height: 40px;
                            }
                            50% {
                                left: 700px;
                                top: 600px;
                                width: 50px;
                                height: 50px;
                            }
                            to {
                                left: 1000px;
                                top: 80px;
                                width: 50px;
                                height: 40px;
                            }
                        }
                        
                        @keyframes div5Mouv {
                            from {
                                left: 900px;
                                top: 400px;
                                width: 50px;
                                height: 40px;
                            }
                            50% {
                                left: 100px;
                                top: 500px;
                                width: 50px;
                                height: 50px;
                            }
                            to {
                                left: 900px;
                                top: 400px;
                                width: 50px;
                                height: 40px;
                            }
                        }
                        
                        @keyframes div6Mouv {
                            from {
                                left: 200px;
                                top: 500px;
                                width: 50px;
                                height: 40px;
                            }
                            50% {
                                left: 600px;
                                top: 50px;
                                width: 50px;
                                height: 50px;
                            }
                            to {
                                left: 200px;
                                top: 500px;
                                width: 50px;
                                height: 40px;
                            }
                        }
                        
                        @keyframes flip {
                            from {
                                transform: rotateY(0);
                            }
                            50% {
                                transform: rotateY(180);
                            }
                            to {
                                transform: rotateY(0);
                            }
                        }
                        
                        @media only screen and (max-width: 1500px) {
                            .blueBookTitle {
                                font-size: 10vw;
                                padding-left: 0%;
                            }
                            .note {
                                margin-right: -10px;
                                transform: perspective(40cm) rotateX(0deg) rotateY(-50deg);
                            }
                            .note:hover {
                                margin-right: 20px;
                            }
                        }
                        
                        @media only screen and (max-width: 1350px) {
                            .blueBookTitle {
                                font-size: 11vw;
                                padding-left: 0%;
                            }
                            .footergridparent {
                                display: grid;
                                grid-template-columns: repeat(4, 1fr);
                                grid-template-rows: repeat(6, 1fr);
                                grid-column-gap: 10px;
                                grid-row-gap: 10px;
                                padding: 10px;
                            }
                        }
                        
                        @media only screen and (max-width: 1200px) {
                            li {
                                font-size: 9pt;
                            }
                            .blueBookTitle {
                                font-size: 13vw;
                                padding-left: 0%;
                            }
                            .note {
                                width: 180px;
                            }
                        }
                        
                        @media only screen and (max-width: 1000px) {
                            p {
                                font-size: 17pt;
                            }
                            h1 {
                                font-size: 34pt;
                            }
                            .blueBookTitle {
                                font-size: 15vw;
                                padding-left: 0%;
                            }
                            .container1 {
                                padding-left: 8%;
                                transform: perspective(22cm) rotateX(0deg) rotateY(6deg);
                                width: 75%;
                            }
                            .container2 {
                                padding-left: 8%;
                                transform: perspective(22cm) rotateX(0deg) rotateY(6deg);
                                width: 75%;
                            }
                            .title {
                                margin-top: 230px;
                            }
                            .note {
                                transform: perspective(30cm) rotateX(0deg) rotateY(-50deg);
                            }
                        }
                        
                        @media only screen and (max-width: 860px) {
                            .floatingimg,
                            .imageAndLegende {
                                width: 400px;
                            }
                            .note {
                                margin-right: -10px;
                            }
                            .note:hover {
                                margin-right: 20px;
                            }
                            .floatingimg {
                                width: 400px;
                            }
                            .title {
                                margin-top: 120px;
                            }
                            .container2 {
                                margin-top: 24%;
                            }
                            .footergridparent {
                                display: grid;
                                grid-template-columns: repeat(3, 1fr);
                                grid-template-rows: repeat(7, 1fr);
                                grid-column-gap: 10px;
                                grid-row-gap: 10px;
                                padding: 10px;
                            }
                        }
                        
                        @media only screen and (max-width: 800px) {
                            .menuButton button {
                                display: inline-block;
                            }
                            .blueBookTitle {
                                font-size: 17vw;
                                padding-left: 2%;
                            }
                            .intro {
                                width: 200px;
                            }
                            img {
                                width: 200px;
                            }
                            img.big {
                                width: 400px;
                            }
                            .note {
                                width: 90%;
                                color: black;
                                position: fixed;
                                left: 18px;
                                top: 18px;
                                z-index: 1000;
                                background-color: white;
                                margin: 10px;
                                border-width: 2px;
                                border-style: solid;
                                border-color: red;
                                transform: perspective(0cm) rotateX(0deg) rotateY(0deg);
                                display: none;
                                overflow: scroll;
                            }
                            .title {
                                margin-bottom: 3px;
                            }
                            h1 {
                                text-decoration: underline red 2px;
                            }
                            h2 {
                                font-size: 31.5pt;
                            }
                            li {
                                font-size: 22.5pt;
                            }
                            p {
                                font-size: 13.5pt;
                            }
                            #div1 {
                                left: 60vw;
                                top: 30vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div1Mouv;
                                animation-duration: 15s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div1Mouv {
                                from {
                                    left: 60vw;
                                    top: 30vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 35vw;
                                    top: 50vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                100% {
                                    left: 60vw;
                                    top: 30vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div2 {
                                left: 30vw;
                                top: 50vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div2Mouv;
                                animation-duration: 15s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div2Mouv {
                                from {
                                    left: 30vw;
                                    top: 50vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 10vw;
                                    top: 25vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                100% {
                                    left: 30vw;
                                    top: 50vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div3 {
                                left: 15vw;
                                top: 47vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div3Mouv;
                                animation-duration: 15s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div3Mouv {
                                from {
                                    left: 15vw;
                                    top: 47vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 36vw;
                                    top: 22vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 15vw;
                                    top: 47vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div4 {
                                left: 55vw;
                                top: 7vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div4Mouv;
                                animation-duration: 10s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div4Mouv {
                                from {
                                    left: 55vw;
                                    top: 7vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 18vw;
                                    top: 80vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 55vw;
                                    top: 7vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div5 {
                                left: 8vw;
                                top: 28vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div5Mouv;
                                animation-duration: 10s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div5Mouv {
                                from {
                                    left: 8vw;
                                    top: 28vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 55vw;
                                    top: 5vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 8vw;
                                    top: 28vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div6 {
                                left: 56vw;
                                top: 56vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div6Mouv;
                                animation-duration: 10s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div6Mouv {
                                from {
                                    left: 56vw;
                                    top: 56vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 15vw;
                                    top: 22vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 56vw;
                                    top: 56vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            .container1 {
                                padding-left: 50px;
                                padding-right: 0%;
                                transform: perspective(13cm) rotateX(0deg) rotateY(6deg);
                                width: 90%;
                            }
                            .container2 {
                                padding-left: 50px;
                                padding-right: 0%;
                                transform: perspective(22cm) rotateX(0deg) rotateY(6deg);
                                margin-top: 35%;
                                width: 90%;
                            }
                            #content {
                                height: 600px;
                            }
                            p+p {
                                text-indent: 10%;
                            }
                        }
                        
                        @media only screen and (max-width: 675px) {
                            .footergridparent {
                                display: grid;
                                grid-template-columns: repeat(2, 1fr);
                                grid-template-rows: repeat(10, 1fr);
                                grid-column-gap: 10px;
                                grid-row-gap: 10px;
                                padding: 10px;
                            }
                        }
                        
                        @media only screen and (max-width: 560px) {
                            .scann {
                                width: 400px;
                            }
                            #div1 {
                                left: 46vw;
                                top: 30vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div1Mouv;
                                animation-duration: 15s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div1Mouv {
                                from {
                                    left: 46vw;
                                    top: 30vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 35vw;
                                    top: 50vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                100% {
                                    left: 46vw;
                                    top: 30vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div2 {
                                left: 30vw;
                                top: 50vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div2Mouv;
                                animation-duration: 15s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div2Mouv {
                                from {
                                    left: 30vw;
                                    top: 50vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 10vw;
                                    top: 25vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                100% {
                                    left: 30vw;
                                    top: 50vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div3 {
                                left: 15vw;
                                top: 47vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div3Mouv;
                                animation-duration: 15s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div3Mouv {
                                from {
                                    left: 15vw;
                                    top: 47vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 36vw;
                                    top: 22vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 15vw;
                                    top: 47vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div4 {
                                left: 35vw;
                                top: 7vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div4Mouv;
                                animation-duration: 10s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div4Mouv {
                                from {
                                    left: 35vw;
                                    top: 7vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 18vw;
                                    top: 80vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 35vw;
                                    top: 7vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div5 {
                                left: 8vw;
                                top: 28vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div5Mouv;
                                animation-duration: 10s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div5Mouv {
                                from {
                                    left: 8vw;
                                    top: 28vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 45vw;
                                    top: 5vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 8vw;
                                    top: 28vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            #div6 {
                                left: 40vw;
                                top: 56vh;
                                width: 50px;
                                height: 40px;
                                transition: all 2s ease-in;
                                animation-name: div6Mouv;
                                animation-duration: 10s;
                                transition-timing-function: ease-in-out;
                                animation-iteration-count: infinite;
                            }
                            @keyframes div6Mouv {
                                from {
                                    left: 40vw;
                                    top: 56vh;
                                    width: 50px;
                                    height: 40px;
                                }
                                50% {
                                    left: 15vw;
                                    top: 22vh;
                                    width: 50px;
                                    height: 50px;
                                }
                                to {
                                    left: 40vw;
                                    top: 56vh;
                                    width: 50px;
                                    height: 40px;
                                }
                            }
                            @media only screen and (max-width: 675px) {
                                .blueBookTitle {
                                    font-size: 17vw;
                                    padding-left: 2%;
                                }
                            }
                        }