@charset "UTF-8";body,html{height:100%}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,Verdana,sans-serif;color:#555;font-size:1em;background-attachment:fixed}*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Lato;font-weight:100;font-style:normal;src:url(/overlay/fonts/Lato/Lato-Thin.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:100;font-style:italic;src:url(/overlay/fonts/Lato/Lato-ThinItalic.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:300;font-style:normal;src:url(/overlay/fonts/Lato/Lato-Light.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:300;font-style:italic;src:url(/overlay/fonts/Lato/Lato-LightItalic.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:400;font-style:normal;src:url(/overlay/fonts/Lato/Lato-Regular.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:400;font-style:italic;src:url(/overlay/fonts/Lato/Lato-Italic.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:700;font-style:normal;src:url(/overlay/fonts/Lato/Lato-Bold.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:700;font-style:italic;src:url(/overlay/fonts/Lato/Lato-BoldItalic.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:900;font-style:normal;src:url(/overlay/fonts/Lato/Lato-Black.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:900;font-style:italic;src:url(/overlay/fonts/Lato/Lato-BlackItalic.ttf) format("truetype")}@font-face{font-family:"Shadows Into Light",cursive;font-weight:400;font-style:normal;src:url(/overlay/fonts/Shadows_Into_Light/ShadowsIntoLight-Regular.ttf) format("truetype")}@font-face{font-family:"Shadows Into Light";font-style:normal;font-weight:400;src:url(/overlay/fonts/Shadows_Into_Light/ShadowsIntoLight-Regular.ttf) format("truetype")}@font-face{font-family:Boldonse;font-style:normal;font-weight:400;src:url(/overlay/fonts/Boldonse/Boldonse-Regular.ttf) format("truetype")}section{padding:5rem 2rem;position:relative}section h1,section h2,section h3,section h4,section h5,section h6,section p,section ul{width:1260px;margin:0 auto;position:relative}@media (width < 1280px){section h1,section h2,section h3,section h4,section h5,section h6,section p,section ul{width:100%}}section .anchor{width:80%;position:sticky;top:10vh;left:0}section .anchor h2{position:absolute;pointer-events:none;color:transparent;text-shadow:0 0 120px rgba(0,0,0,.1725490196);width:auto;font-size:clamp(3rem,12vw,6rem);top:10vh;left:.5rem}@media (width < 440px){section .anchor{position:absolute;display:none}}section p.squeezed.link a{width:fit-content;padding:16px 22px;display:inline-block;margin:25px 25px 25px 0;box-shadow:3px 3px 4px 0 rgba(0,0,0,.4);font-size:1rem;border:solid 2px #696969;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border-bottom-right-radius:225px 15px;border-bottom-left-radius:15px 255px;line-height:1.8rem;text-decoration:none;transition:all .5s ease-in-out;color:#696969;background-color:rgba(255,255,255,.4274509804)}section p.squeezed.link a:hover{box-shadow:3px 3px 4px 0 rgba(0,0,0,.6);background-color:#fff}@media (width > 1200px){section p.squeezed{max-width:1025px}}.introduction{background-color:#fff;text-align:center}.introduction p{font-size:1.2rem}.introduction .anchor>h2{color:rgba(255,255,255,.631372549)}.projects{background-color:#f3f0eb;text-align:center}.projects .anchor>h2{color:rgba(243,240,235,.5254901961)}.personal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;padding:0}.personal aside{background-color:#afc9c9;width:40%;background-size:cover;background-position:center;background-repeat:no-repeat}.personal article{width:60%;padding:3rem 2rem;text-align:left;position:relative}.personal article h1,.personal article h2,.personal article h3,.personal article h4,.personal article h5,.personal article h6,.personal article p{width:auto}.personal.about aside{background-image:url(/overlay/images/banner_about_768.jpg)}@media (min-width:768px){.personal.about aside{background-image:url(/overlay/images/banner_about_1024.jpg)}}@media (min-width:1024px){.personal.about aside{background-image:url(/overlay/images/banner_about.jpg)}}.personal.about .anchor>h2{color:rgba(255,255,255,.8235294118)}.personal.skills{background-color:#f4f4f4;flex-direction:row-reverse}.personal.skills aside{background-image:url(/overlay/images/banner_skills_768.jpg)}@media (min-width:768px){.personal.skills aside{background-image:url(/overlay/images/banner_skills_1024.jpg)}}@media (min-width:1024px){.personal.skills aside{background-image:url(/overlay/images/banner_skills.jpg)}}.personal.skills .anchor>h2{color:rgba(244,244,244,.8274509804)}@media (width < 768px){.personal{display:block}.personal article,.personal aside{width:100%}.personal aside{min-height:90vh;background-position:center;background-attachment:fixed}}.personal section{padding:0;margin-bottom:2rem}.projects{position:relative}.projects>.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:5;pointer-events:none}.projects>.overlay.active{opacity:1;visibility:visible}.projects .project_preview{z-index:9;position:relative}.projects .project_preview .img_wrapper{position:absolute;-webkit-box-shadow:0 0 15px 2px rgba(0,0,0,.7);box-shadow:0 0 15px 2px rgba(0,0,0,.7);line-height:0;border-radius:50%;width:150px;height:150px;top:470px;left:-35px;transform:translate(-800px,200px) rotate(300deg);transition:transform .6s cubic-bezier(.25,1.25,.5,1)}.projects .project_preview .img_wrapper img{border-radius:50%;height:auto;width:100%;transform:rotate(10deg)}.projects .projects_wrapper{position:relative;width:100%;padding:50px 20px;overflow:hidden}.projects .projects_wrapper .project_description,.projects .projects_wrapper .project_grid{position:relative;inset:0;width:100%;transition:transform .6s cubic-bezier(.25,1.25,.5,1),opacity .6s ease;will-change:transform,opacity}.projects .projects_wrapper .project_grid{z-index:2;transform:translateX(0);opacity:1;pointer-events:auto}.projects .projects_wrapper .project_grid article{padding:30px 0;display:flex;gap:50px;flex-wrap:wrap}.projects .projects_wrapper .project_grid article .loading{opacity:.4;pointer-events:none;filter:blur(10px);transition:opacity .3s ease,filter .3s ease}.projects .projects_wrapper .project_grid article div{width:calc(33.33% - 34px);position:relative;overflow:hidden}.projects .projects_wrapper .project_grid article div a{display:block;cursor:pointer}.projects .projects_wrapper .project_grid article div img{width:100%;display:block}.projects .projects_wrapper .project_grid article div:before{content:"";position:absolute;width:101%;height:101%;inset:0;pointer-events:none}.projects .projects_wrapper .project_grid article div.featured:after{content:"👍";position:absolute;top:0;left:0;font-size:4rem;pointer-events:none}.projects .projects_wrapper .project_grid article div.hov_1:before{background:url(/overlay/images/projecct_before_1.png);background-size:cover}.projects .projects_wrapper .project_grid article div.hov_2:before{background:url(/overlay/images/projecct_before_2.png);background-size:cover}.projects .projects_wrapper .project_grid article div.hov_3:before{background:url(/overlay/images/projecct_before_3.png);background-size:cover;top:-1px}@media (max-width:768px){.projects .projects_wrapper .project_grid article{flex-direction:column;gap:20px}.projects .projects_wrapper .project_grid article div{width:100%}}.projects .projects_wrapper .project_description{position:fixed;top:0;right:0;width:100vw;height:100vh;transform:translateX(-120%);opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.25,1.25,.5,1),opacity .6s ease;z-index:9}.projects .projects_wrapper .project_description.active{transform:translateX(0);opacity:1;pointer-events:auto}.projects .projects_wrapper .project_description section{width:80vw;height:100vh;top:0;display:inline-block;background:#f3f0eb;border-radius:5px;overflow-y:scroll;overflow-x:hidden;padding:0 0 50px 0;z-index:1}.projects .projects_wrapper .project_description section .image-wrapper{width:100%;max-height:50vh;overflow:hidden;position:relative}.projects .projects_wrapper .project_description section .image-wrapper img{width:100%;height:auto;display:block;max-height:60vh;object-fit:cover;filter:blur(2px)}.projects .projects_wrapper .project_description section .image-wrapper .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(89,131,252,0) 0,rgba(34,35,37,.73) 100%);pointer-events:none;z-index:1}.projects .projects_wrapper .project_description section .image-wrapper h3{position:absolute;top:50%;text-shadow:2px 2px 7px #525252;color:#fff;z-index:2;width:100%}.projects .projects_wrapper .project_description section article{padding-top:50px;display:flex;flex-direction:row;gap:20px}.projects .projects_wrapper .project_description section article aside{flex:0 0 50%;min-width:0;box-sizing:border-box;padding:0 25px}.projects .projects_wrapper .project_description section article aside h1,.projects .projects_wrapper .project_description section article aside h2,.projects .projects_wrapper .project_description section article aside h3,.projects .projects_wrapper .project_description section article aside h4,.projects .projects_wrapper .project_description section article aside h5,.projects .projects_wrapper .project_description section article aside h6,.projects .projects_wrapper .project_description section article aside p,.projects .projects_wrapper .project_description section article aside ul{margin:0 auto;position:relative;margin-bottom:25px;width:100%}.projects .projects_wrapper .project_description section article aside h5{font-family:"Shadows Into Light";font-size:clamp(1.5rem,7vw,2rem);text-shadow:2px 2px 7px rgba(82,82,82,.6901960784)}.projects .projects_wrapper .project_description section article aside ul li{margin-left:25px;list-style-type:circle;text-align:left}.projects .projects_wrapper .project_description section article aside:first-child{box-shadow:8px 0 18px -18px rgba(0,0,0,.7)}.projects .projects_wrapper .project_description section article aside a{text-decoration:none}.projects .projects_wrapper .project_description section article aside p{text-align:left}.projects .projects_wrapper .project_description section>a{width:fit-content;padding:16px 22px;display:inline-block;margin:25px 25px 25px 0;box-shadow:3px 3px 4px 0 rgba(0,0,0,.4);font-size:1rem;border:solid 2px #696969;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border-bottom-right-radius:225px 15px;border-bottom-left-radius:15px 255px;line-height:1.8rem;text-decoration:none;transition:all .5s ease-in-out;color:#696969;background-color:rgba(255,255,255,.4274509804)}.projects .projects_wrapper .project_description section>a:hover{box-shadow:3px 3px 4px 0 rgba(0,0,0,.6);background-color:#fff}@media (width < 1025px){.projects .projects_wrapper .project_description section{width:70vw}.projects .projects_wrapper .project_description section article{flex-direction:column;padding:2rem 3rem 0}.projects .projects_wrapper .project_description section article aside:first-child{box-shadow:none}}@media (width < 620px){.projects .projects_wrapper .project_description section{width:85vw}.projects .projects_wrapper .project_description section article{padding:2rem 2rem 0}}.projects .projects_wrapper .project_description .close-btn{cursor:pointer;background:rgba(0,0,0,.776);color:#fff;border:none;font-size:24px;position:absolute;top:50px;right:50px;height:55px;width:55px;border-radius:50%;margin-bottom:10px;box-shadow:0 0 15px 2px rgba(0,0,0,.7);opacity:0;pointer-events:none;transform:translateY(-900px) scale(.2) rotate(3520deg);transition:all 1s ease-in-out;z-index:3}.projects .projects_wrapper .project_description .close-btn.drop-in{opacity:1;pointer-events:auto;transform:translateY(0) scale(1) rotate(-10deg);transition:transform .5s cubic-bezier(.22,1.55,.36,1),opacity .45s ease}.projects .projects_wrapper .project_description .close-btn.drop-in.bounce,.projects .projects_wrapper .project_description .close-btn.drop-in:active{transform:translateY(-190px) scale(1.3) rotate(-6deg);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.projects .projects_wrapper .project_description .close-btn.fly-up{opacity:1;pointer-events:none;transform:translateY(-900px) scale(.85) rotate(270deg);transition:transform 1.5s cubic-bezier(.25,.46,.45,.94),opacity 1.2s ease}.projects .projects_wrapper .project_description .close-btn:hover{background:#42503f;transition:all .3s ease-in-out}.projects .refresh-btn{cursor:pointer;background:#333;color:#fff;border:none;padding:12px 20px;font-size:24px;border-radius:4px;position:relative;transform:rotate(-25deg);transition:transform .6s cubic-bezier(.25,1.25,.5,1),background .3s ease;border-radius:20px;-webkit-box-shadow:0 0 15px 2px rgba(0,0,0,.7);box-shadow:0 0 15px 2px rgba(0,0,0,.7);top:1px;left:15px}.projects .refresh-btn:hover{background:#000;transform:rotate(0)}.personal.skills section div{padding:11px 13px;display:inline-block;margin:0 15px 16px 0;box-shadow:3px 3px 4px 0 rgba(59,59,59,.4);background:var(--skills-background);font-size:1rem;border:solid 2px rgba(0,0,0,.4117647059);border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border-bottom-right-radius:225px 15px;border-bottom-left-radius:15px 255px;line-height:1.6rem}.personal.skills section div strong{color:var(--skills-strong);text-shadow:2px 2px 3px rgba(202,171,127,.6549019608)}@media (width < 576px){.personal.skills section div{padding:10px 15px;display:inline-block;margin:0 12px 12px 0;font-size:.8rem;line-height:1.3rem;box-shadow:2px 2px 4px 0 rgba(71,71,71,.351)}}.video{background-color:#d3d3d3;width:100vw;height:90vh;position:relative;overflow:hidden;opacity:0;transition:opacity .6s ease}.video.ready{opacity:1}.video img,.video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video h1{position:absolute;top:50%;left:100%;transform:translateY(-50%);opacity:0;color:#fff;text-align:center;z-index:1;text-shadow:0 0 25px #c65151;font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.5;transition:left 1s ease,transform 1s ease,opacity .5s ease}.video h1.in{left:50%;transform:translate(-50%,-50%);opacity:1}.video h1.out{left:-100%;transform:translate(-50%,-50%);opacity:0}.video h1 .crossed{color:rgba(255,255,255,.3058823529);position:relative;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.5)}@media (width <= 1024px){.video{height:85vh}.video img,.video video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;object-fit:cover}}@media (width <= 900px){.video{height:80vh}}@media (width <= 600px){.video{height:75vh}}@supports not (object-fit:cover){.video img,.video video{width:auto;height:auto;min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}}.video-loader{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.video-loader.hidden{opacity:0;visibility:hidden}.video-loader .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{background-color:#000;display:flex;justify-content:space-evenly;align-items:center;padding:20px 0;position:relative}footer div,footer div a{font-size:.7rem;color:#d8d8d8;text-decoration:none;transition:color .3s ease}footer div a:hover,footer div:hover{color:#fff}@media (max-width:768px){footer{display:block}footer div{width:80%;margin:0 auto;text-align:center}footer div:not(:last-of-type){margin-bottom:15px}}[data-intersect]{opacity:0;transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--delay,0) * 1ms);will-change:transform,opacity}[data-delay]{--delay:attr(data-delay number)}[data-intersect].in-view{opacity:1;transform:translate(0,0)}[data-animate=from-top]{transform:translateY(-150px)}[data-animate=from-bottom]{transform:translateY(150px)}[data-animate=from-left]{transform:translateX(-150px)}[data-animate=from-right]{transform:translateX(150px)}@media (prefers-reduced-motion:reduce){[data-intersect]{transition:none!important;transform:none!important;opacity:1!important}}:root{--skills-background:#ffffffc0;--skills-strong:#3e3b4f}html{font-size:24px;scroll-behavior:smooth}body{font-family:Lato,sans-serif;transition:background-color 1.4s ease,color 1.4s ease;line-height:1.8}section p:not(:last-of-type){margin-bottom:1.5rem;z-index:2}section h1,section h3{font-family:"Shadows Into Light";font-size:clamp(2.2rem,15vw,4.5rem);line-height:clamp(2.8rem,17vw,7rem);z-index:1}section h2{font-family:Boldonse;font-size:5rem}section h3{font-size:clamp(2rem,10vw,3rem);line-height:2.5rem;margin-bottom:2rem;color:#6145a9}
/*# sourceMappingURL=style.css.map */