.elementor-2 .elementor-element.elementor-element-374f4c19 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-2 .elementor-element.elementor-element-374f4c19{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-7589a9cb:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2 .elementor-element.elementor-element-7589a9cb > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2 .elementor-element.elementor-element-7589a9cb > .elementor-element-populated > .elementor-background-overlay{background-image:url("https://david-rivat.fr/wp-content/uploads/2022/12/back.jpg");background-position:center left;background-size:cover;opacity:0.18;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-7589a9cb.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-7589a9cb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-7589a9cb > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-7589a9cb > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e50e220{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;top:60px;z-index:-1;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-e50e220{left:25%;}body.rtl .elementor-2 .elementor-element.elementor-element-e50e220{right:25%;}.elementor-2 .elementor-element.elementor-element-de7aeb6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:0px;z-index:0;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-de7aeb6{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-de7aeb6{right:0px;}.elementor-2 .elementor-element.elementor-element-ac8ef5d{width:var( --container-widget-width, 50px );max-width:50px;--container-widget-width:50px;--container-widget-flex-grow:0;bottom:248px;z-index:3;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-ac8ef5d{left:298px;}body.rtl .elementor-2 .elementor-element.elementor-element-ac8ef5d{right:298px;}.elementor-2 .elementor-element.elementor-element-048e35b{width:var( --container-widget-width, 170px );max-width:170px;--container-widget-width:170px;--container-widget-flex-grow:0;bottom:345px;z-index:5;text-align:start;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-048e35b{left:5px;}body.rtl .elementor-2 .elementor-element.elementor-element-048e35b{right:5px;}.elementor-2 .elementor-element.elementor-element-c028f84{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;bottom:0px;z-index:0;text-align:start;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-c028f84{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-c028f84{right:0px;}.elementor-2 .elementor-element.elementor-element-9c31735{width:var( --container-widget-width, 10px );max-width:10px;margin:250px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:10px;--container-widget-flex-grow:0;}.elementor-2 .elementor-element.elementor-element-9c31735 img{width:10px;}.elementor-2 .elementor-element.elementor-element-55b89fa{z-index:2000;}.elementor-2 .elementor-element.elementor-element-8e70039:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2 .elementor-element.elementor-element-8e70039 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#32302D4D;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-8e70039.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-8e70039.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-2 .elementor-element.elementor-element-8e70039 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8e70039 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-9ecb7f1{width:var( --container-widget-width, 270px );max-width:270px;--container-widget-width:270px;--container-widget-flex-grow:0;top:7px;z-index:1005;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-9ecb7f1{left:-60px;}body.rtl .elementor-2 .elementor-element.elementor-element-9ecb7f1{right:-60px;}.elementor-2 .elementor-element.elementor-element-9ecb7f1 .elementor-icon{font-size:270px;}.elementor-2 .elementor-element.elementor-element-9ecb7f1 .elementor-icon svg{height:270px;}.elementor-2 .elementor-element.elementor-element-48eae2b{padding:30px 30px 30px 30px;bottom:0px;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-48eae2b{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-48eae2b{right:0px;}.elementor-2 .elementor-element.elementor-element-04af530{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 19px) 30px;bottom:0px;z-index:1;text-align:start;font-size:0.8em;color:#FFFFFF6E;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-04af530{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-04af530{right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-e50e220{top:129px;z-index:0;}.elementor-2 .elementor-element.elementor-element-ac8ef5d{bottom:248px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2 .elementor-element.elementor-element-7589a9cb{width:100%;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-7589a9cb > .elementor-element-populated > .elementor-background-overlay{background-position:-66px 0px;background-size:cover;}.elementor-2 .elementor-element.elementor-element-e50e220{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;top:97px;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-e50e220{left:5%;}body.rtl .elementor-2 .elementor-element.elementor-element-e50e220{right:5%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-ac8ef5d{left:219px;}body.rtl .elementor-2 .elementor-element.elementor-element-ac8ef5d{right:219px;}.elementor-2 .elementor-element.elementor-element-ac8ef5d{bottom:173px;z-index:10;}.elementor-2 .elementor-element.elementor-element-048e35b{--container-widget-width:136px;--container-widget-flex-grow:0;width:var( --container-widget-width, 136px );max-width:136px;bottom:278px;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-048e35b{left:4px;}body.rtl .elementor-2 .elementor-element.elementor-element-048e35b{right:4px;}.elementor-2 .elementor-element.elementor-element-c028f84{--container-widget-width:320px;--container-widget-flex-grow:0;width:var( --container-widget-width, 320px );max-width:320px;bottom:0px;z-index:1;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-c028f84{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-c028f84{right:0px;}.elementor-2 .elementor-element.elementor-element-c028f84 img{width:320px;}.elementor-2 .elementor-element.elementor-element-9ecb7f1{--container-widget-width:186px;--container-widget-flex-grow:0;width:var( --container-widget-width, 186px );max-width:186px;}}/* Start custom CSS for image, class: .elementor-element-c028f84 */.elementor-2 .elementor-element.elementor-element-c028f84 {transform: translateZ(0)}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-55b89fa */#screen{ transform: perspective(800px) rotateY(15deg) rotateX(4deg) rotate(-4.0deg) scaleY(1.1); transition: 0.6s ease all; max-width:245px; position:fixed; bottom:340px!important; left:92px; z-index:10000; display:none; backface-visibility: visible; transform-style: preserve-3d; } #screen.hide{ display:none!important; } @media screen and (max-width: 768px) { #screen{ transform: perspective(800px) rotateY(15deg) rotateX(4deg) rotate(-4.0deg) scaleY(1.1); transition: 0.6s ease all; max-width:195px; position:fixed; bottom:270px!important; left:73px; -webkit-backface-visibility: hidden } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9ecb7f1 */@media screen and (max-width: 768px) { .elementor-2 .elementor-element.elementor-element-9ecb7f1 { position:absolute!important; bottom:100vh!important; left:40px!important; } } .elementor-2 .elementor-element.elementor-element-9ecb7f1 svg{ height:auto!important; } .elementor-2 .elementor-element.elementor-element-9ecb7f1 svg rect{ fill: #fff; filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15)); } .elementor-2 .elementor-element.elementor-element-9ecb7f1 svg g{ fill: #fff; filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.15)); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48eae2b */.elementor-2 .elementor-element.elementor-element-48eae2b h3 { max-width: 40ch; transform: scale(0.94); animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1); color:rgba(0,0,0,0); font-weight:700; line-height:0.9em; font-size:2.5em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-stroke-color: rgba(255, 255, 255, 0.2); -webkit-text-stroke-width: 1px; } @keyframes scale { 100% { transform: scale(1); } } .elementor-2 .elementor-element.elementor-element-48eae2b span { display: inline-block; opacity: 0; filter: blur(4px); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(1) { animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(2) { animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(3) { animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(4) { animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(5) { animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(6) { animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(7) { animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(8) { animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(9) { animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(10) { animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(11) { animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(12) { animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(13) { animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(14) { animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(15) { animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(16) { animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(17) { animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0); } .elementor-2 .elementor-element.elementor-element-48eae2b span:nth-child(18) { animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0); } @keyframes fade-in { 100% { opacity: 1; filter: blur(0); } }/* End custom CSS */ /* Start custom CSS */#canvas{ max-width:800px!important; } #canvas { max-height: calc(80vh - 10px)!important; } #lampe { opacity:0; animation: blink .7s 7; } #lampe:hover { animation: blink .7s infinite; } #droite { height:800px; max-height:calc(90vh - 10px)!important; } @media screen and (max-width: 768px) { #droite { height:0px!important; max-height:0!important; } } @keyframes blink { 10% { opacity:.3; } 30% { opacity:.2; } 50% { opacity:.2; } 60% { opacity:.1; } 80% { opacity:.8; } 88% { opacity:.8; } 90% { opacity:.1; } } .box:hover { cursor: none !important; cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:8;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Calque_1_1_'%3E%3C/g%3E%3Cg id='Calque_2_1_'%3E%3Ccircle class='st0' cx='250.7' cy='250' r='235.8'/%3E%3Cline class='st1' x1='110.4' y1='250.6' x2='391' y2='250.6'/%3E%3Cline class='st1' x1='250.7' y1='110.3' x2='250.7' y2='390.9'/%3E%3C/g%3E%3C/svg%3E"), auto; } .custom_cursor { background-color: transparent; position: fixed; width: 40px; height: 40px; border:solid 1px #fff; display: flex; font-size: 20px; transform: scale(0) translate(-50%, -50%); border-radius: 50%; transform-origin: 0% -25%; transition: transform 0.2s cubic-bezier(0.32, 0.24, 0.15, 1); pointer-events: none; } .custom_cursor-plus { margin: auto; padding-bottom: 3px; padding-left: 1px; transition: opacity 0.3s cubic-bezier(0.32, 0.24, 0.15, 1); transition-delay: .1s; opacity: 0; color:#fff; } .custom_cursor-active { opacity: 1; transform: scale(1) translate(-50%, -50%); } .custom_cursor-active .custom_cursor-plus { opacity: 1; } .custom_cursor-active.porto .custom_cursor-plus:after { content:'TOTO'; position:absolute; margin-left:15px; font-size:11px; } .cursor { position: absolute; height: var(--circle); width: var(--circle); transform:scale(1); border-radius: 50%; transition: all 0.5s, top 0s, left 0s; mix-blend-mode: difference; transform: translate(-50%, -50%); pointer-events: none; } .cursor:first-child { background-color: #fff; --circle:8px } #gauche{ height:calc(100vh)!important; max-width:calc(100vw - 20px)!important; max-height:800px } @media screen and (min-width: 1024px) { #bureau{ position:absolute; } #lampe{ position:absolute; } #tasse{ position:absolute; } #screen{ position:absolute; } } @media screen and (max-width: 768px) { html { max-width:calc(100vw)!important; height: calc(-webkit-fill-available - 100px) !important; } body { max-width:calc(100vw - 10px)!important; height: -webkit-fill-available!important; height: calc(-webkit-fill-available - 100px) !important; margin-left:5px!important; margin-right:5px!important; margin-top:5px!important; margin-bottom:0px!important; } body { min-height: 100vh; min-height: -webkit-fill-available; overflow:hidden; } html { height: -webkit-fill-available; overflow:hidden; } #gauche{ min-height:calc(100vh)!important; height:calc(100vh)!important; max-width:calc(100vw - 20px)!important; } #canvas{ min-height:calc(100vh - 60px)!important; height:calc(100vh - 60px)!important; max-width:calc(100vw - 20px)!important; transform: scaleX(-1); } #lampe { animation: blink .5s infinite; } body{ background-size:cover!important; background-position:center center!important; } }/* End custom CSS */