@font-face {
    font-family: "Gulax-Regular";
    src: url('Gulax-Regular.woff') format('woff');
}

body {
    font-family: "Gulax-Regular", sans-serif;
    margin: 0;
    padding: 0;
}

h1 {
    font-family: "Gulax-Regular", sans-serif;
    font-size: 4em; 
    text-align: center; 
    margin: 20px; 
    color: rgb(28, 124, 157);
}

.imagepart1 {
    display: flex;
    transition: transform 1s ease-in-out;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.page {
    min-width: 100vw;
    height: 100vh;
    position: relative;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    backface-visibility: hidden;
}

.page img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


.intro {
    font-size: 18px;
    max-width: 29em;
}
.intro  h1{
    font-size: 28px;
}
#clicksurlesyeux{
    position: absolute;
    bottom: 100px;
    right: 100px;
}