@keyframes fade_out{to{opacity:0}}@keyframes scales_in{to{transform:scale(1)}}@keyframes slides_and_fades_in{to{opacity:1;transform:translateY(0)}}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.screen-reader-text:focus{background-color:#ddd;color:#444}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0);--dt-accessibility-bg:#f1f1f1;--dt-accessibility-text:#21759b;--dt-body-bg:#efefef;--dt-body-bg-gradient:239, 239, 239;--dt-shade-a:white;--dt-shade-b:#dedbe8;--dt-shade-c:#c6c2d4;--dt-shade-d:#b2adc2;--dt-shade-e:#9c97ae;--dt-shade-f:#858098;--dt-shade-g:#6c677f;--dt-shade-h:#58546a;--dt-shade-i:68, 65, 84;--dt-shade-j:#2a2836;--dt-shade-k:black;--dt-menu-bg:#c16422;--dt-logo-color-a:133, 119, 183;--dt-logo-color-b:167, 192, 226;--dt-logo-color-c:167, 226, 210;--dt-logo-color-d:247, 195, 0;--dt-logo-color-e:247, 110, 0;--dt-logo-color-f:231, 69, 69;--dt-quote-a:#d40b1f;--dt-quote-b:#dfbe04;--dt-portfolio-big:143, 221, 202;--dt-portfolio-small:#F7C300;--dt-about-bg:237, 191, 111;--dt-about-circle-top:167, 192, 226;--dt-about-circle-left:249, 210, 67;--dt-about-circle-bottom:136, 178, 167;--dt-link:var(--dt-shade-i);--dt-link-hover:var(--dt-shade-j);--dt-link-visited:var(--dt-shade-g);--dt-three-d-a:82, 192, 117;--dt-three-d-b:32, 136, 94;--dt-logos-a:53, 172, 210;--dt-logos-b:0, 124, 167;--dt-error-a:190, 122, 227;--dt-error-b:158, 84, 199;--dt-gradient-fallback:rgba(white, .9);--dt-gradient:linear-gradient( 116deg, rgba(255,255,255, 1), rgba(255,255,255, 0.35) )}:where(body){margin:0}body{padding:0;margin:0;background:var(--dt-body-bg)}body::before{content:"mobile";display:none}@media (min-width:768px) and (orientation:portrait){body::before{content:"tablet_portrait"}}@media (min-width:768px) and (orientation:landscape){body::before{content:"tablet_landscape"}}@media (min-width:1024px) and (orientation:portrait){body::before{content:"tablet_HD_portrait"}}@media (min-width:1366px) and (orientation:landscape){body::before{content:"tablet_HD_landscape"}}html{line-height:1.15rem;-webkit-text-size-adjust:100%;box-sizing:border-box}a{background:0 0}img{border-style:none;display:block;height:auto;transition:all 1s ease-out}button{font-size:100%;margin:0;overflow:visible;text-transform:none;-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@media (prefers-color-scheme:dark){:root{--dt-body-bg:#333333;--dt-body-bg-gradient:51, 51, 51;--dt-shade-a:#0b0b0b;--dt-shade-b:#28282c;--dt-shade-c:#49484f;--dt-shade-d:#5e5c67;--dt-shade-e:#73707c;--dt-shade-f:#898792;--dt-shade-g:#a3a1ac;--dt-shade-h:#bcb9c3;--dt-shade-i:236, 235, 239;--dt-shade-j:#e4e2ea;--dt-shade-k:white;--dt-menu-bg:#edbf6f;--dt-quote-a:#a4072e;--dt-quote-b:#a37009;--dt-portfolio-big:64, 110, 98;--dt-about-bg:137, 57, 0;--dt-gradient-fallback:rgba(63, 63, 63, .9);--dt-gradient:linear-gradient(116deg, rgba(56, 56, 56, .96), rgba(80, 80, 80, .9))}}*,:after,:before{box-sizing:inherit}body.home{background:var(--dt-shade-a)}#page{overflow:hidden}#page::before{content:"";display:block;width:100vw;height:100svh;position:fixed;top:0;left:0;z-index:30000;background:var(--dt-body-bg);pointer-events:none;opacity:1;animation-name:fade_out;animation-duration:1s;animation-delay:1s;animation-timing-function:cubic-bezier(.34,.93,.68,1.21);animation-fill-mode:forwards}.home #page::before{background:#fff}section{position:relative;margin:0 auto}@media (prefers-color-scheme:dark){.home #page::before,body,body.home{background:var(--dt-body-bg)}}@media screen and (min-width:768px){html{font-size:1.05rem}}@media screen and (min-width:1024px){html{font-size:1.1rem}}@media screen and (min-width:1200px){html{font-size:1.15rem}}body,button,h2,h3,h4,h5,h6{color:rgb(var(--dt-shade-i))}body,button{font-family:system-ui,sans-serif;font-size:1rem;line-height:1.5}h2,h3,h4,h5,h6{clear:both;font-family:"Quicksand",sans-serif;font-weight:400}p{margin-bottom:1.5rem;line-height:1.8rem;font-weight:300}p a{color:var(--dt-link);text-decoration:none;border-bottom:2px dashed;border-color:var(--dt-link)}p a:visited{color:var(--dt-link-visited);border-color:var(--dt-link-visited)}p a:active,p a:focus,p a:hover{color:var(--dt-link-hover);border-color:var(--dt-link-hover)}p a:focus{outline:thin dotted}p a:active{outline:0}.btn{color:rgb(var(--dt-shade-i));position:relative;display:block;width:17.5rem;height:3.75rem;margin:0 auto;padding:.3125rem .625rem;border:2px solid;border-color:rgb(var(--dt-shade-i));border-radius:3.125rem;font-family:"quicksand";font-size:1.5rem;font-weight:600;text-align:center;text-decoration:none;line-height:2.8125rem;background:0 0;transition:color .3s .15s ease-out,border-color .3s .15s ease-out,width .3s ease-in;z-index:658;overflow:hidden}.btn.btn__small{width:12.5rem;height:2.875rem;padding:0;font-size:1rem;line-height:2.25rem}.btn.btn__small:hover{width:13rem}.btn span{display:inline-block}.btn .above,.btn .below{position:absolute;top:5rem;left:calc(50% - 6.25rem);width:12.5rem;height:12.5rem;border-radius:100%;transform:scale(1);filter:blur(8px)}.btn .below{transition:transform .25s .1s cubic-bezier(.59,.96,.74,1);z-index:-2;background:var(--dt-shade-d)}.btn .above{transition:transform .35s cubic-bezier(.59,.96,.74,1);z-index:-1;background:var(--dt-shade-h)}.btn:focus{outline:0}.btn:focus,.btn:hover{cursor:pointer;color:var(--dt-shade-a);border-color:transparent;width:18rem;transition:color .1s ease-out,border-color .1s ease-out,width .1s cubic-bezier(.24,.83,.58,1)}.btn:focus .below,.btn:hover .below{transform:scale(2.2);transition:transform .25s cubic-bezier(.59,.96,.74,1)}.btn:focus .above,.btn:hover .above{transform:scale(2);transition:transform .3s .1s cubic-bezier(.59,.96,.74,1)}@media (prefers-color-scheme:dark){.btn .below{transition:transform .35s cubic-bezier(.59,.96,.74,1);z-index:-1;background:var(--dt-shade-h)}.btn .above{transition:transform .25s .1s cubic-bezier(.59,.96,.74,1);z-index:-2;background:var(--dt-shade-d)}.btn:focus .below,.btn:hover .below{transform:scale(2);transition:transform .3s .1s cubic-bezier(.59,.96,.74,1)}.btn:focus .above,.btn:hover .above{transform:scale(2.2);transition:transform .25s cubic-bezier(.59,.96,.74,1)}}@media screen and (min-width:48rem){.btn{font-size:1.3rem}}@media screen and (min-width:75rem){.btn{font-size:1.2rem}}.tags{padding:0;font-size:.83rem;font-family:"Quicksand",sans-serif;font-weight:600;list-style:none}.tags li{display:inline-block;position:relative;padding:.2rem .75rem .15rem;border-radius:2rem;overflow:hidden}.tags li div{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}#about .tags span:last-child{opacity:1;margin-top:inherit}.title_and_tags .tags li{color:var(--dt-body-bg)}#seo_content .btn__small,.one_hero h2.seo_title,.one_portfolio span,.title_and_tags .darkmode{display:none}@media (prefers-color-scheme:dark){.title_and_tags .darkmode{display:block;filter:brightness(1.25)}}@media screen and (max-height:20rem) and (orientation:landscape){.tags li{font-size:.7rem;padding:.25rem .85rem .2rem}}@media screen and (min-height:20.01rem) and (max-height:37.5rem) and (orientation:landscape){.tags li{font-size:inherit;line-height:inherit}}@media screen and (min-width:75rem){.tags li{font-size:.85rem;padding:.3rem .9rem .25rem}}@media screen and (min-width:100rem){.tags li{font-size:.95rem;padding:.35rem .95rem .3rem}}#seo_content{margin-bottom:8rem}.content{position:relative;margin:0 5% 20px;overflow:hidden}.content p{margin-top:0;font-size:1.2rem;font-weight:200}.content a{text-decoration:none;border-bottom-style:dashed;border-bottom-width:2px}.content a:focus{background:rgb(var(--dt-shade-i));outline:0;color:var(--dt-shade-a);border-radius:5px;border-color:rgb(var(--dt-shade-i))}.content a:hover{border-bottom-style:solid}@media screen and (min-width:1200px){.content{width:1000px;margin:0 auto 20px}}.magnetic-zone{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:100%}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background:var(--dt-accessibility-bg);border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:var(--dt-accessibility-text);display:block;font-size:.875;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.one_portfolio{position:relative;width:100%;border-radius:24px;overflow:hidden;transition:all .3s cubic-bezier(0,1,.66,1)}.one_portfolio .button,.one_portfolio h5{position:absolute;transition:transform .3s cubic-bezier(0,1,.66,1);z-index:2}.one_portfolio h5{display:block;margin:0;padding:0}.one_portfolio img{position:absolute;right:10%;width:60%;height:10rem;object-position:70%0;object-fit:contain;opacity:.15;filter:blur(1px);transition:all 1s cubic-bezier(0,1,.66,1);transform-origin:left bottom;transform:translate(0,0) scale(1);z-index:1}.one_portfolio img.align_to_bottom{top:inherit;bottom:0}.one_portfolio .button{width:3.75rem;height:3.75rem}.one_portfolio .background{position:absolute;left:5%;bottom:0;width:90%;height:90%;transform:scale(1,1);transform-origin:bottom center;transition:all .3s cubic-bezier(.3,0,.28,1);border-radius:24px}.one_portfolio .background.grey{background:var(--dt-gradient-fallback);background:var(--dt-gradient);z-index:-2}.one_portfolio .background.colour{z-index:-1}.one_portfolio:focus{outline:0;cursor:pointer}#tags_wrapper .tags li:hover,.one_portfolio:hover{cursor:pointer}.one_portfolio:focus h5,.one_portfolio:hover h5{color:var(--dt-body-bg)}.one_portfolio:focus img,.one_portfolio:hover img{opacity:1;filter:blur(0);transform:translate(0,0) scale(1.1)}.one_portfolio:focus .background,.one_portfolio:hover .background{opacity:.9}.one_portfolio:focus .background.colour,.one_portfolio:hover .background.colour{opacity:.8}@media (prefers-color-scheme:dark){.one_portfolio .background.grey{opacity:1}}#nav_bg_circle{position:absolute;overflow:hidden;width:100vw;height:100svh;z-index:-1;pointer-events:none}#bg_circle_home{background:var(--dt-menu-bg);position:absolute;width:2100px;height:2100px;top:-993px;right:-993px;border-radius:50%;scale:.005;opacity:0;filter:blur(32px);transition:scale .15s cubic-bezier(.73,.27,.68,.99),opacity .1s .05s ease-in}@media screen and (min-width:1500px){#bg_circle_home{width:1000px;height:1000px;right:calc(-500px + (100vw - 1500px)/2 + 52px);top:-448px}}#primary-menu{opacity:0;transform:translateY(0);transition:all .1s ease-out}#nav_toggle{position:absolute;top:40px;right:40px;width:34px;height:34px;padding:0;border-radius:100%;border:4px solid #fff;background:0 0;transition:border-width .05s ease-out;z-index:4503;animation-duration:.1s;animation-timing-function:ease-out;animation-fill-mode:forwards;text-indent:50px;overflow:hidden}#nav_toggle:focus{outline:0}#nav_toggle:hover{cursor:pointer;border-width:8px}@media (prefers-color-scheme:dark){#nav_toggle{border-color:var(--dt-body-bg)}}@media screen and (min-width:1500px){#nav_toggle{right:calc((100vw - 1500px)/2 + 40px)}}#navigation{position:relative;z-index:9059}#nav_main_menu{display:block;position:fixed;top:-1000px;left:0;right:0;bottom:0;z-index:1;overflow:auto;pointer-events:none}#nav_main_menu .wrapper{margin:5vh 5%}#nav_main_menu ul{padding:0;text-align:center;font-family:"Quicksand";font-size:1.6rem;list-style:none;line-height:5rem}#nav_main_menu #primary-menu{margin-bottom:3rem}#nav_main_menu #primary-menu a,#nav_main_menu #primary-menu a:focus,#nav_main_menu #primary-menu a:visited{padding-bottom:.2rem;color:#fff;text-decoration:none;font-weight:700;border-bottom:3px solid transparent}#nav_main_menu #primary-menu a:hover{border-color:#fff}@media (prefers-color-scheme:dark){#nav_main_menu #primary-menu a,#nav_main_menu #primary-menu a:focus,#nav_main_menu #primary-menu a:visited{color:var(--dt-body-bg)}#nav_main_menu #primary-menu a:hover{border-color:var(--dt-body-bg)}}@media screen and (min-width:1200px){#nav_main_menu{left:auto;right:0;padding-right:83px;width:400px;height:500px;overflow:inherit}#nav_main_menu .wrapper{margin:6vh 5%0}#nav_main_menu ul{font-size:1.3rem;line-height:3rem;text-align:right}#nav_main_menu #primary-menu{margin-bottom:2.5rem}}@media screen and (min-width:1500px){#nav_main_menu{right:calc((100vw - 1500px)/2)}}#start{display:flex;justify-content:center;align-items:center;width:100%;position:relative;height:80vh;z-index:63;transform:scale(.8);transform-style:preserve-3d;animation-name:scales_in;animation-duration:1s;animation-delay:1s;animation-timing-function:cubic-bezier(0,1,.66,1);animation-fill-mode:forwards}#logo{width:600px;height:600px;position:absolute;transform:scale(.75) translateX(.5rem);overflow:hidden;mask:url(https://damientopin.fr/wp-content/themes/dtdesign/images/dt_logo.svg)no-repeat center;z-index:21;background:rgba(255,255,255,.5);border:1px solid red}#logo_color_01,#logo_color_02{width:200px;height:200px;top:50px;left:250px;z-index:208;filter:blur(16px)}#logo_color_02{width:150px;height:150px;top:170px;left:200px;z-index:-52}#logo_color_01 .one-circle{background:rgb(var(--dt-logo-color-a))}#logo_color_02 .one-circle{background:rgb(var(--dt-logo-color-b))}#logo_color_03,#logo_color_04{width:180px;height:180px;top:200px;left:280px;z-index:-53;filter:blur(16px)}#logo_color_04{width:150px;height:150px;top:340px;left:250px;z-index:-56}#logo_color_03 .one-circle{background:rgb(var(--dt-logo-color-c))}#logo_color_04 .one-circle{background:rgb(var(--dt-logo-color-d))}#logo_color_05,#logo_color_06{width:200px;height:200px;top:345px;left:105px;z-index:-54;filter:blur(16px)}#logo_color_06{top:180px;left:100px;z-index:-57}#logo_color_05 .one-circle{background:rgb(var(--dt-logo-color-e))}#logo_color_06 .one-circle{background:rgb(var(--dt-logo-color-f))}@media (prefers-color-scheme:dark){#logo_color_01,#logo_color_02,#logo_color_03,#logo_color_04,#logo_color_05,#logo_color_06{filter:brightness(.75) blur(16px)}}@media screen and (max-aspect-ratio:55/100) and (orientation:portrait){#logo{transform:scale(.75) translateX(.5rem)}}@media screen and (min-width:23.4375rem) and (orientation:portrait){#logo{transform:scale(.85) translateX(.5rem)}}@media screen and (min-width:26.5625rem) and (orientation:portrait){#logo{transform:scale(1) translateX(.5rem)}}@media screen and (min-width:23.4375rem) and (max-aspect-ratio:55/100) and (orientation:portrait){#logo{transform:scale(.85) translateX(.5rem)}}@media screen and (max-height:20rem) and (orientation:landscape){#logo{transform:scale(.7)}}@media screen and (min-height:20.5rem) and (max-height:37.5rem) and (orientation:landscape){#logo{transform:scale(.85) translateX(.5rem)}}@media screen and (min-width:48rem){#logo{transform:scale(1.2) translateX(.5rem)}}@media screen and (min-width:64rem){#logo{transform:scale(1.25) translateX(.5rem)}}@media screen and (min-width:90rem){#logo{transform:scale(1.3) translateX(.5rem)}}#start_xl_circle{width:75vh;height:75vh;top:-55vh;right:-40vh;right:calc(-40vh + 20vw);z-index:215;filter:blur(4px)}#start_xl_circle .one-circle{background:var(--dt-logo-color-a);background:radial-gradient(circle,rgba(var(--dt-logo-color-a),.5) 0%,rgba(var(--dt-logo-color-a),.75) 100%)}#start_l_circle{width:90vh;height:90vh;top:calc(100svh - 260px);left:-75vh;z-index:216;opacity:.8;filter:blur(8px)}#start_l_circle .one-circle{background:var(--dt-logo-color-e);background:radial-gradient(circle,rgba(var(--dt-logo-color-e),.5) 0%,rgba(var(--dt-logo-color-e),.75) 100%)}#start_m_circle{width:33vh;height:33vh;top:60vh;right:-15vh;z-index:213;opacity:.8;filter:blur(2px)}#start_m_circle .one-circle{background:var(--dt-logo-color-d);background:radial-gradient(circle,rgba(var(--dt-logo-color-d),.5) 0%,rgba(var(--dt-logo-color-d),.75) 100%)}#start_s_circle{width:18vh;height:18vh;top:4vh;right:15vh;right:calc(-15vh + 30vw);z-index:212;opacity:.8;filter:blur(6px)}#start_s_circle .one-circle{background:var(--dt-logo-color-c);background:radial-gradient(circle,rgba(var(--dt-logo-color-c),.5) 0%,rgba(var(--dt-logo-color-c),.75) 100%)}.one-circle{width:100%;height:100%;border-radius:100%}@media (prefers-color-scheme:dark){#start_l_circle,#start_m_circle,#start_s_circle,#start_xl_circle{opacity:.75}}#heros{opacity:0;transform:translateY(20vh);z-index:560;animation-name:slides_and_fades_in;animation-duration:.5s;animation-delay:2s;animation-timing-function:cubic-bezier(0,1,.66,1);animation-fill-mode:forwards}.one_hero{display:block;position:relative;margin:0 auto 2rem;height:96vh;width:100vw;max-width:87.5rem;text-decoration:none;overflow:hidden;z-index:345}.one_hero a{position:absolute;display:block;width:100%;height:100%;z-index:600;transform:scale(.83,1)}.one_hero .text_and_image{display:flex;flex-direction:column;width:100%;height:100%}.one_hero .title_and_tags{height:45%;padding:7% 10vw 0;z-index:20;transform:scale(.9);transform-origin:bottom center;transition:transform 1s cubic-bezier(0,1,.66,1)}#quote h4,.one_hero h2,.one_hero h3{position:relative;letter-spacing:-.1rem}.one_hero h2,.one_hero h3{margin:0;font-weight:300;line-height:2rem;text-align:center;z-index:3}.one_hero h2{font-size:2rem}.one_hero h3{font-size:1.5rem}#quote,.one_hero .tags{position:relative;text-align:center}.one_hero .tags{margin-top:7%;opacity:0;transform:translate(0,2rem);transition:all .5s .05s cubic-bezier(0,1,.66,1);z-index:4}.one_hero .text_and_image img{display:block;width:100%;height:50%;object-fit:contain;opacity:.6;transform:scale(.83) translate(0,7vh);transition:all 1.2s cubic-bezier(0,1,.66,1);z-index:1}.one_hero .button{position:absolute;right:calc(50% - 10vw);bottom:0;display:block;width:20vw;height:20vw;transform:translate(0,15vw);transition:transform .8s .3s cubic-bezier(0,1,.66,1);z-index:2}.one_hero #svg_button{fill:#fff}.one_hero .background,.one_hero .container{position:absolute;top:0;width:100%;height:100%;transition:all .3s cubic-bezier(0,1,.66,1)}.one_hero .container{transform:scale(.83,1)}.one_hero .background{border-radius:24px}.one_hero .background.grey{background:var(--dt-gradient-fallback);background:var(--dt-gradient);z-index:-2}.one_hero .background.colour{opacity:.3;z-index:-1}.one_hero:hover .container{transform:scale(.93,1)}.one_hero:hover .title_and_tags{transform:scale(1)}.one_hero:hover h2,.one_hero:hover h3{color:var(--dt-shade-a)}.one_hero:hover .tags{opacity:1;transform:translate(0,0)}.one_hero:hover .button{transform:translate(0,5vw)}.one_hero:hover .text_and_image img{transform:scale(1.03) translate(0,-3vh);filter:saturate(1);opacity:1}.one_hero:hover .background{opacity:.83}@media (prefers-color-scheme:dark){.one_hero #svg_button{fill:var(--dt-body-bg)}.one_hero .background.grey{opacity:.6}}@media screen and (max-aspect-ratio:55/100) and (orientation:portrait),(min-width:23.4375rem) and (orientation:portrait){.one_hero{height:85vh}.one_hero h2,.one_hero h3{line-height:2.5rem}.one_hero h2{font-size:2.5rem}.one_hero h3{font-size:1.5rem}.one_hero .title_and_tags{height:50%}.one_hero:hover .text_and_image img{transform:scale(1.03) translate(0,-4vh)}}@media screen and (min-width:26.5625rem) and (orientation:portrait){.one_hero{height:80vh;margin-bottom:3rem}.one_hero h2,.one_hero h3{line-height:3rem}.one_hero h2{font-size:3rem}.one_hero h3{font-size:2rem}}@media screen and (min-width:23.4375rem) and (max-aspect-ratio:55/100) and (orientation:portrait){.one_hero{height:75vh}.one_hero .title_and_tags{padding:10% 10vw 0}}@media screen and (max-height:20rem) and (orientation:landscape){.one_hero{height:80vh}.one_hero .text_and_image{flex-direction:row;align-items:center;justify-content:space-evenly}.one_hero .title_and_tags{min-width:40%;max-width:40%;height:auto;min-height:80%;padding:0;transform-origin:center right}.one_hero h2,.one_hero h3{text-align:left;line-height:1.7rem}.one_hero h2{margin-top:0;font-size:1.8rem}.one_hero h3{font-size:1.3rem}.one_hero .tags{margin:5vh 0 0;text-align:left;transform:translate(1rem,0)}.one_hero .text_and_image>img{min-width:40%;max-width:40%;height:100%;transform-origin:center left;transform:scale(.9) translate(0,7vh)}.one_hero .button{right:calc(50% - 10vh);display:block;width:20vh;height:20vh;transform:translate(0,10vh);transition:transform .8s cubic-bezier(0,1,.66,1)}.one_hero .container,.one_hero a{transform:scale(.9,.9)}.one_hero:hover .container{transform:scale(.95,.9)}.one_hero:hover .text_and_image>img{transform:scale(1.1) translate(1vw,0)}.one_hero:hover .button{transform:translate(0,0)}.one_hero:hover .background{border-radius:2rem}}@media screen and (min-height:20.01rem) and (max-height:37.5rem) and (orientation:landscape){.one_hero{height:83vh}.one_hero .text_and_image{flex-direction:row;align-items:center;justify-content:space-evenly}.one_hero .title_and_tags{min-width:40%;max-width:40%;min-height:70%;padding:0 0 0 3%}.one_hero h2,.one_hero h3{text-align:left;line-height:2.4rem}.one_hero h2{font-size:2.4rem}.one_hero h3{font-size:2rem}.one_hero .tags{margin:5vh 0 0;text-align:left;transform:translate(1rem,0)}.one_hero .text_and_image>img{min-width:40%;max-width:40%;height:100%;transform-origin:center left}.one_hero .button{right:calc(50% - 10vh);display:block;width:20vh;height:20vh;transform:translate(0,10vh);transition:transform .8s cubic-bezier(0,1,.66,1)}.one_hero .container,.one_hero a{transform:scale(.9,.9)}.one_hero:hover .container{transform:scale(.95,.9)}.one_hero:hover .text_and_image>img{transform:scale(1.15) translate(-.5vw,0)}.one_hero:hover .button{transform:translate(0,0)}.one_hero:hover .background{border-radius:2rem}}@media screen and (min-width:48rem) and (min-height:26rem){.one_hero{height:22rem;margin:0 auto 2rem}.one_hero .text_and_image{flex-direction:inherit;align-items:center;justify-content:inherit}.one_hero .title_and_tags{min-width:50%;max-width:50%;height:70%;padding:0 0 0 7%;transform-origin:center right;transform:scale(1) translateX(3rem)}.one_hero h2,.one_hero h3{text-align:left;line-height:2.8rem}.one_hero h2{margin-top:0;font-size:2.8rem}.one_hero h3{font-size:2rem}.one_hero .tags{max-width:20rem;margin:1rem 0 0;text-align:left;transform:translate(1rem,0)}.one_hero .text_and_image>img{height:70%;transform-origin:center left;transform:scale(1) translate(-2rem,0)}.one_hero .button{right:calc(50% - 2.5rem);display:block;width:5rem;height:5rem;transform:translate(0,3rem);transition:transform .8s cubic-bezier(0,1,.66,1)}.one_hero .container,.one_hero a{transform:scale(.9)}.one_hero:hover .container{transform:scale(.95,.9)}.one_hero:hover .title_and_tags{transform:scale(1) translateX(1rem)}.one_hero:hover .text_and_image>img{transform:scale(1.1) translate(-1rem,0)}.one_hero:hover .button{transform:translate(0,0)}.one_hero:hover .background{border-radius:2rem}}@media screen and (min-width:64rem){.one_hero{height:20rem}.one_hero .text_and_image>img{transform:scale(1.15) translate(-2rem,0)}.one_hero:hover .title_and_tags{transform:scale(1)}.one_hero:hover .text_and_image>img{transform:scale(1.35) translate(-3rem,0)}}@media screen and (min-width:75rem){.one_hero{height:22.5rem}.one_hero h2,.one_hero h3{line-height:3rem}.one_hero h2{font-size:3rem}.one_hero h3{font-size:2.5rem}}@media screen and (min-width:90rem){.one_hero{height:25rem}.one_hero h2,.one_hero h3{line-height:3.5rem}.one_hero h2{font-size:4rem}.one_hero h3{font-size:2.5rem}.one_hero .title_and_tags{height:65%;transform:scale(1) translateX(2rem)}.one_hero .text_and_image>img{transform:scale(1.15) translate(-8rem,0)}.one_hero .button{right:3rem;bottom:10rem;transform:translate(3rem,0);transition:transform .8s cubic-bezier(0,1,.66,1)}.one_hero:hover .button{transform:translate(2rem,0)}.one_hero:hover .text_and_image>img{transform:scale(1.35) translate(-8rem,0)}}@media screen and (min-width:100rem){.one_hero{height:27rem}.one_hero .tags li{font-size:.9rem}.one_hero .button{right:3.5rem;bottom:11rem}}#quote{margin:20vh 0;height:260px;max-width:1400px}#quote .quotes,#quote h4 span{opacity:0;animation-fill-mode:forwards}#quote .quotes{content:"'";position:absolute;left:50%;display:block;width:25px;height:60px;margin:0 auto;color:var(--dt-quote-a);font-size:13rem;font-family:"Quicksand";line-height:9rem;text-align:center;animation-duration:1.2s;animation-timing-function:cubic-bezier(.75,0,.45,1)}#quote .quotes.left{transform:rotateX(-90deg) translate(-24px,50px) skew(10deg)}#quote .quotes.right{transform:rotateX(-90deg) translate(0,50px) skew(10deg);animation-delay:.1s}#quote h4{top:83px;font-size:3.6rem}#quote h4 span{display:inline-block;transform:translateY(20px);animation-duration:1s;animation-timing-function:cubic-bezier(.48,.85,.41,1)}#quote h4 span:nth-child(1){display:block}#quote h4 span:nth-child(2){animation-delay:.2s}#quote h4 span:nth-child(3){animation-delay:.4s}#quote .highlight{position:relative;color:var(--dt-quote-a);font-style:italic;z-index:-1;letter-spacing:.05rem}#quote .highlight::after{content:"";position:absolute;left:50%;bottom:20px;width:200px;height:15px;margin-left:-98px;background:var(--dt-quote-b);transform:scaleX(0);transform-origin:left;z-index:-2;animation-duration:.4s;animation-timing-function:cubic-bezier(.48,.85,.41,1);animation-fill-mode:forwards;animation-delay:1.5s}@media screen and (min-aspect-ratio:74/100) and (min-width:768px){#quote{margin-right:5%;margin-left:5%;margin-bottom:9vh}#quote h4{font-size:3.8rem}#quote h4 span:nth-child(1){display:inline-block}#quote .highlight::after{width:220px;margin-left:-17px}}@media screen and (min-aspect-ratio:74/100) and (min-width:1024px){#quote h4{font-size:4.2rem}#quote .highlight::after{bottom:26px;width:270px;margin-left:-130px}}@media screen and (min-aspect-ratio:74/100) and (min-width:768px) and (orientation:landscape){#quote{margin:20vh 0 5vh}}@media screen and (min-aspect-ratio:74/100) and (min-width:1350px) and (orientation:landscape){#quote{margin:20vh 0 8vh}}@media screen and (min-width:1400px){#quote{margin:24vh auto 12vh}}#three_d{margin-top:8rem;margin-bottom:8rem}.slideshow{margin-bottom:30px;background:#efefef}.slideshow img{height:300px;width:auto}.btn_3ds .below{background:rgb(var(--dt-three-d-a))}.btn_3ds .above{background:rgb(var(--dt-three-d-b))}@media (prefers-color-scheme:dark){.btn_3ds .below{background:rgb(var(--dt-three-d-b))}.btn_3ds .above{background:rgb(var(--dt-three-d-a))}}@media screen and (min-width:48rem){.slideshow img{height:450px}}@media screen and (min-width:90rem){.slideshow img{height:533px}}#logos{position:relative;margin-top:0;margin-bottom:10vh;max-width:1400px}#logos .wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:2rem}#logos .wrapper img{max-width:500px;width:50%;margin-bottom:0;border-radius:40px;filter:brightness(1.1)}.btn_logos .below{background:rgb(var(--dt-logos-a))}.btn_logos .above{background:rgb(var(--dt-logos-b))}@media screen and (min-aspect-ratio:74/100) and (min-width:768px){#logos .wrapper img{width:30%}}@media screen and (min-width:1400px){#logos{margin:0 auto}}#portfolio{height:auto;min-height:20rem;z-index:181;max-width:100rem;margin:0 auto;display:flex;flex-direction:column}#portfolio::after{content:"";position:absolute;top:-1rem;display:block;width:100%;height:35rem;z-index:-10;background:#fff;filter:blur(32px);transform:scaleX(1.2)}@media (prefers-color-scheme:dark){#portfolio::after{background:var(--dt-body-bg)}}@media screen and (min-width:64rem){#portfolio{top:-4rem;flex-direction:row;flex-wrap:wrap}#portfolio::after{top:12rem;height:25rem;border-radius:12.5rem;transform:scaleX(1)}}#portfolio_big_circle{top:45%;left:40%;width:600px;height:600px;margin-top:-300px;margin-left:-300px;opacity:.8;z-index:-10;filter:blur(8px)}#portfolio_big_circle .one-circle{background:var(--dt-portfolio-big);background:radial-gradient(circle,rgba(var(--dt-portfolio-big),.5) 0%,rgba(var(--dt-portfolio-big),.75) 100%)}#portfolio_small_circle{width:10rem;height:10rem;top:-10%;left:10%;opacity:.8;z-index:-99;filter:blur(4px)}#portfolio_small_circle .one-circle{background:var(--dt-portfolio-small)}@media (prefers-color-scheme:dark){#portfolio_small_circle{opacity:.3}}#portfolio_header{position:relative;max-width:1600px;height:600px;margin:200px 0-30px}#tags_wrapper{position:absolute;bottom:30px;margin:0 5% 40px;padding-right:calc(5% + 34px)}#tags_wrapper::-webkit-scrollbar{display:none}#tags_wrapper h4{position:absolute;left:calc(95% - 18px);bottom:-15px;margin:0;padding:0;font-size:3rem;line-height:30px;text-transform:uppercase;transform:rotate(-90deg);transform-origin:top left;font-style:italic;font-weight:lighter;z-index:267}#tags_wrapper .tags{text-align:right;position:relative;z-index:270}#tags_wrapper .tags li{padding:5px 15px 4px;border-width:1px;border-style:solid;border-radius:30px;transition:all .1s ease-out;z-index:268}#tags_wrapper #tag_show_all{opacity:1}#tags_wrapper .tags li:focus,#tags_wrapper .tags li:hover{color:var(--dt-body-bg);background:rgb(var(--dt-shade-i));border-color:rgb(var(--dt-shade-i))}@media screen and (min-aspect-ratio:46/100) and (min-width:414px){#tags_wrapper{margin-left:15%}}@media screen and (min-aspect-ratio:48/100) and (min-width:411px){#tags_wrapper{margin-left:15%}}@media screen and (min-aspect-ratio:50/100) and (min-width:450px){#tags_wrapper{margin-left:20%}}@media screen and (min-aspect-ratio:56/100) and (min-width:375px){#tags_wrapper{margin-left:15%}}@media screen and (min-width:500px){#tags_wrapper{margin-left:30%}}@media screen and (min-width:640px){#tags_wrapper{margin-left:45%}}@media screen and (min-aspect-ratio:74/100) and (min-width:768px){#tags_wrapper{margin-left:6%;margin-right:53%}}@media screen and (min-aspect-ratio:74/100) and (min-width:1024px){#tags_wrapper{padding-right:70px;margin-left:15%}}@media screen and (min-aspect-ratio:74/100) and (min-width:1024px) and (orientation:landscape){#tags_wrapper{margin-left:3%;margin-right:68%;padding-right:50px}}@media screen and (min-aspect-ratio:74/100) and (min-width:1366px) and (orientation:landscape){#tags_wrapper{margin-left:8%;margin-right:68%;padding-right:60px}}@media screen and (min-width:1400px){#portfolio_header{margin-left:auto;margin-right:auto}}.one_empty_portfolio,.portfolio_home h5.seo_title{display:none}.portfolio_home{height:10rem}.portfolio_home h5{top:3rem;left:3rem;max-width:50%;font-size:1.5rem;line-height:1.5rem}.portfolio_home img{top:13%;max-width:20rem!important}.portfolio_home img.align_to_bottom{height:8.5rem;object-position:70% 100%}.portfolio_home .button{right:calc(5% - 2.8rem);bottom:2.625rem}.portfolio_home #svg_button{fill:#fff}.portfolio_home .background.colour{opacity:.2}.portfolio_home:focus .button,.portfolio_home:focus h5,.portfolio_home:hover .button,.portfolio_home:hover h5{transform:translateX(-1rem)}.portfolio_home:focus .background,.portfolio_home:hover .background{transform:scale(1.06,1)}@media (prefers-color-scheme:dark){.portfolio_home #svg_button{fill:var(--dt-body-bg)}}@media screen and (min-width:23.4375rem) and (orientation:portrait){.portfolio_home img{bottom:-60px}}@media screen and (min-width:26.5625rem) and (orientation:portrait){.portfolio_home h5{left:3.5rem}}@media screen and (min-width:48rem) and (min-height:26rem){.portfolio_home{height:12rem}.portfolio_home h5{top:4rem;left:5rem;font-size:1.8rem}.portfolio_home img{height:11rem;object-position:50%0}.portfolio_home img.align_to_bottom{height:10.5rem}.portfolio_home .button{bottom:3.625rem}}@media screen and (min-width:64rem){.one_empty_portfolio{display:block;width:50%}.portfolio_home{width:50%}.portfolio_home h5{top:3.5rem;left:4rem;font-size:1.6rem}.portfolio_home img{object-position:75%0}}@media screen and (min-width:90rem){.one_empty_portfolio,.portfolio_home{width:33%}}#about{position:relative;margin-top:20vh;margin-bottom:0;padding-top:13rem;background-repeat:no-repeat;background-position:bottom;background-size:100%;opacity:1;transition:opacity 1s .5s ease-out;overflow:hidden;z-index:600}#about h4{position:absolute;top:200px;left:calc((-17% - 46px)/2);margin:0;padding:0;font-size:3rem;font-style:italic;font-weight:300;line-height:30px;text-transform:uppercase;transform:rotateZ(-90deg);transform-origin:top left}#about .container{position:relative;width:83%;max-width:40rem;margin:0 0 0 17%;padding:2.5rem 7% 4.5rem;z-index:182;border-radius:30px 0 0 30px;background:var(--dt-about-bg);background:linear-gradient(0deg,rgba(var(--dt-about-bg),.8) 0%,rgba(var(--dt-about-bg),1) 30%,rgba(var(--dt-about-bg),1) 70%,rgba(var(--dt-about-bg),.8) 100%)}#about #seo_content{margin-bottom:2rem}#about #seo_content .content{height:140px;max-width:100%;margin:0;transition:transform .5s .05s ease-out;transform:translateY(0)}#about h5#hello{font-size:3rem;margin:0 0 1rem;font-weight:400}#about h5,#about h6{font-size:1.8rem;margin:1.2rem 0 0;font-weight:200}#about h5::before,#about h6::before{content:"";margin:0}#about p{font-size:1.1rem;font-weight:200;margin:0}#about .btn{width:100%;max-width:17.5rem}#about .btn .below{background:var(--dt-shade-g)}#about .btn .above,#about .tags li{background:rgb(var(--dt-shade-i))}#about .tags{text-align:left}#about .tags span{color:rgb(var(--dt-about-bg));filter:brightness(1.1)}#about img{display:block;width:100%;height:auto}#about .email{margin:1rem auto 2rem}#button_linkedin_svg path{fill:rgb(var(--dt-shade-i))}#button_linkedin{position:absolute;top:55px;right:7%;width:45px;height:45px;transform:scale(1) translate(0,0) rotateZ(0);transition:transform .1s ease-out;border-radius:50px}#button_linkedin::after,#button_linkedin::before{content:"";position:absolute;top:0;left:0;display:block;width:45px;height:45px;border:4px rgb(var(--dt-shade-i)) solid;border-radius:50px;box-shadow:14px 0 0 transparent;transition:all .1s ease-out;opacity:0}#button_linkedin::before{border-color:rgba(var(--dt-shade-i),.5);z-index:-3}#button_linkedin::after{border-color:rgba(var(--dt-shade-i),.25);z-index:-4}#button_linkedin::after,#button_linkedin::before{border-top-color:transparent!important}#button_linkedin:focus{outline:0}#button_linkedin:focus,#button_linkedin:hover{transform:scale(1.1) translate(-15px,-15px) rotateZ(-1deg)}#button_linkedin:focus::before,#button_linkedin:hover::before{transform:scale(.9) translate(9px,12px) rotateZ(-50deg);opacity:1}#button_linkedin:focus::after,#button_linkedin:hover::after{transform:scale(.8) translate(18px,25px) rotateZ(-45deg);opacity:1}@media (prefers-color-scheme:dark){#about .tags span{filter:brightness(.9)}#about .btn .below{background:rgb(var(--dt-shade-i))}#about .btn .above{background:var(--dt-shade-g)}#button_linkedin::before{border-color:rgba(var(--dt-shade-b),.5)}#button_linkedin::after{border-color:rgba(var(--dt-shade-b),.25)}}@media screen and (min-width:640px){#about .container{padding-left:3rem;padding-right:3rem}#about_circle_top{right:calc(17% - 100px)}}@media screen and (min-width:770px){#about .container{border-radius:30px}}@media screen and (min-width:900px){#about .container{margin-left:calc(93% - 640px)}}@media screen and (min-width:1200px){#about .container{margin-left:calc(83% - 640px)}#about img{margin-top:-30rem}}@media screen and (min-width:1400px){#about img{margin-top:-35rem}}#about_circle_top{width:15rem;height:15rem;top:8rem;right:-7rem;z-index:170;filter:blur(6px)}#about_circle_top .one-circle{background:rgb(var(--dt-about-circle-top));background:radial-gradient(circle,rgba(var(--dt-about-circle-top),.5) 0%,rgba(var(--dt-about-circle-top),.75) 100%)}#about_circle_left{width:35rem;height:35rem;top:80vh;left:-30rem;z-index:171;filter:blur(32px)}#about_circle_left .one-circle{background:var(--dt-about-circle-left);background:radial-gradient(circle,rgba(var(--dt-about-circle-left),.1) 0%,rgba(var(--dt-about-circle-left),.5) 100%)}#about_circle_bottom{width:32rem;height:32rem;bottom:-10rem;right:-25rem;opacity:1;z-index:172;filter:blur(10px)}#about_circle_bottom .one-circle{background:var(--dt-about-circle-bottom);background:radial-gradient(circle,rgba(var(--dt-about-circle-bottom),.25) 0%,rgba(var(--dt-about-circle-bottom),.85) 100%)}@media (prefers-color-scheme:dark){#about_circle_bottom,#about_circle_left,#about_circle_top{opacity:.4}}@media screen and (min-width:640px){#about_circle_top{right:5vw}}@media screen and (min-aspect-ratio:75/100) and (min-width:768px){#about_circle_bottom{right:-10rem;bottom:-24rem}}@media screen and (min-width:1200px){#about_circle_top{right:10vw}#about_circle_left{width:45rem;height:45rem;left:-35rem;top:15rem}#about_circle_bottom{width:55rem;height:55rem;right:-13rem;bottom:-33rem}}.tags{text-align:center}.tags li{padding:5px 15px 4px;border-radius:30px}