*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none}ul{list-style-type:none;-webkit-padding-start:0;padding-inline-start:0}.my-work{padding-top:80px;padding-bottom:50px}.portfolio{position:relative}.filter{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:40px;height:30px}.category{font-family:"Roboto",sans-serif;font-weight:300;font-size:20px;cursor:pointer;-webkit-transition:0.5s;transition:0.5s}.category:not(:first-child){margin-left:25px}.category:hover{color:#4AA71F}.category.active{color:#4AA71F}.category.active::after{content:"";display:block;width:7px;height:7px;margin:0 auto;border-radius:50%;background:#4AA71F}.portfolio{padding:0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.slider{position:relative;height:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.card,.card-inner{width:280px;height:280px}.card{margin-right:30px;background-color:transparent;border-radius:20px 20px 20px 0;-webkit-perspective:1000;perspective:1000px}.card:last-child{margin-right:0}.card.animate-in{-webkit-animation:fadeInRight;animation:fadeInRight;-webkit-animation-duration:0.5s;animation-duration:0.5s}.card:hover .card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-inner{position:relative;text-align:center;-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;transition:transform 0.8s;transition:transform 0.8s, -webkit-transform 0.8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card-front,.card-back{background-color:#C4C4C4;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-front{border-radius:20px 20px 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-front .logo{width:200px}.card-back{border-radius:20px 20px 0 20px;color:#333;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back h3{font-family:"Roboto Slab",serif;font-size:25px;line-height:25px;font-weight:500;padding-top:15px}.card-back .group{display:-webkit-box;display:-ms-flexbox;display:flex;height:200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-back ul{width:100%;border:1px solid #4AA71F;border-radius:20px 20px 0 20px;margin:15px 20px;padding:10px;text-align:center;font-family:"Roboto",sans-serif;font-weight:300;font-size:20px;line-height:30px}.card-back .link{position:absolute;bottom:15px;width:280px}.card-back a,.card-back p{margin-left:auto;font-family:"Roboto",sans-serif;font-size:20px;font-weight:300;color:#333;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}.card-back a:hover,.card-back p:hover{text-decoration:underline;cursor:pointer}.dl-logo,.btns,.sbp,.flask,.folder,.untitled,.zztap,.orochi{display:none}.dl-logo .content,.btns .content,.sbp .content,.flask .content,.folder .content,.untitled .content,.zztap .content,.orochi .content{position:fixed;top:20%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:500px;height:500px;padding:20px;background-color:#fff;border-radius:30px 30px 30px 0;z-index:10}.dl-logo .content img,.btns .content img,.sbp .content img,.flask .content img,.folder .content img,.untitled .content img,.zztap .content img,.orochi .content img{max-height:100%;margin:auto}.dl-logo .content .close,.btns .content .close,.sbp .content .close,.flask .content .close,.folder .content .close,.untitled .content .close,.zztap .content .close,.orochi .content .close{position:absolute;top:-55px;right:-55px;color:#fff;font-size:50px}.dl-logo .content .close:hover,.btns .content .close:hover,.sbp .content .close:hover,.flask .content .close:hover,.folder .content .close:hover,.untitled .content .close:hover,.zztap .content .close:hover,.orochi .content .close:hover{cursor:pointer}.dl-logo::before,.btns::before,.sbp::before,.flask::before,.folder::before,.untitled::before,.zztap::before,.orochi::before{content:"";position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#333;opacity:0.8;z-index:5}.prev,.next{z-index:1;font-size:60px;position:absolute;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;color:#4AA71F}.prev:hover,.next:hover{cursor:pointer}.prev.inactive,.next.inactive{color:#C4C4C4;pointer-events:none;opacity:0.3}.prev{left:-20px}.next{right:-20px}.arrow{pointer-events:none}.swipe{opacity:0.6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swipe .arrow{color:#4AA71F;font-size:28px;margin-right:-15px}.swipe .text{margin-left:15px;font-size:22px;font-weight:300}.swipe.animate{-webkit-animation:shakeX;animation:shakeX;-webkit-animation-duration:2s;animation-duration:2s}.portfolio-txt{padding-bottom:150px}@media (max-width: 1024px){.category{font-size:15px}.category:not(:first-child){margin-left:20px}.slider{height:300px}.card-back h3{font-size:22px}.card-back .group{height:180px}.card-back ul{padding:5px}.card-back .link{width:250px;bottom:5px}.card-back a{font-size:15px}.card,.card-inner{width:250px;height:250px}}@media (max-width: 850px){.my-work{padding-top:50px}.prev,.next{bottom:-80px}.prev{left:-18px}.next{left:60px}.portfolio,.filter{padding:0}.portfolio-txt{padding-top:50px}}@media screen and (max-width: 650px){.dl-logo .content,.btns .content,.sbp .content,.flask .content,.folder .content,.untitled .content,.zztap .content,.orochi .content{width:68vw;height:68vw}.dl-logo .content .close,.btns .content .close,.sbp .content .close,.flask .content .close,.folder .content .close,.untitled .content .close,.zztap .content .close,.orochi .content .close{top:-20px;right:-20px;font-size:30px}}@media screen and (max-width: 500px){.my-work{padding-bottom:0}.filter{display:-ms-grid;display:grid;gap:10px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.category{margin:auto;width:85%;padding:10px;text-align:center;border:1px solid #4AA71F;border-radius:10px}.category:not(:first-child){margin:auto}.category.active{background-color:#4AA71F;border-color:#4AA71F;color:#f3f3f3}.category.active::after{display:none}.prev,.next{display:none}.portfolio-txt{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}@media (max-width: 350px){.filter{-ms-grid-columns:1fr;grid-template-columns:1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}}.profile{padding:80px 0}.profile .img{-webkit-filter:drop-shadow(-2px 2px 3px #4AA71F);filter:drop-shadow(-2px 2px 3px #4AA71F);float:left;max-width:45%;padding:0 20px 20px 0}.profile .photo{width:450px;border-radius:50px 50px 50px 0;-webkit-clip-path:polygon(100% 0, 100% 100%, 20% 100%, 0 80%, 0 0);clip-path:polygon(100% 0, 100% 100%, 20% 100%, 0 80%, 0 0);filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-transition:1s ease-in-out;transition:1s ease-in-out}.profile .photo:hover{filter:none;-webkit-filter:grayscale(0)}.icons{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin-bottom:150px}.icon{display:block;font-size:65px;margin:auto;text-align:center;pointer-events:none}.ps{width:65px;height:65px;background-size:contain;background-image:url("../images/logos/Ps.svg")}.ps.dark{background-image:url("../images/logos/Ps-drk.svg")}.ai{width:65px;height:65px;background-size:contain;background-image:url("../images/logos/Ai.svg")}.ai.dark{background-image:url("../images/logos/Ai-drk.svg")}.tooltip{visibility:hidden;max-width:100px;padding:5px 0 15px 0;margin:auto;font-family:"Roboto",sans-serif;font-weight:300;font-size:20px;line-height:20px;text-align:center;-webkit-animation:fadeInDown;animation:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s}@media (max-width: 850px){.profile{padding-top:50px;padding-bottom:60px}.icons{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}.tooltip{font-size:16px;padding-bottom:10px}}@media (max-width: 450px){.profile .img{float:none;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 0 50px 0}.profile .txt{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.icons{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}}@media (max-width: 350px){.icons{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}body{background-color:#f3f3f3;color:#333}body.dark{background-color:#333;color:#f3f3f3}html{scroll-behavior:smooth}.inner{max-width:1366px;padding:0 30px;overflow:hidden;position:relative;margin:0 auto}.section{padding-top:50px;-webkit-box-sizing:border-box;box-sizing:border-box}.section.v-align{height:100vh;padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fs{height:100vh}nav{position:fixed;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:2s;animation-duration:2s;z-index:1}nav ul{background-color:#f3f3f3;opacity:90%;padding:15px;border-radius:15px 15px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-family:"Roboto",sans-serif;font-weight:300}nav ul.dark{background-color:#333}nav a{color:#333;font-size:25px;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;padding:20px}nav a.dark{color:#f3f3f3}nav a.active,nav a:hover{font-family:"Roboto Slab",serif;color:#4AA71F;font-size:25px}.text{font-family:"Roboto",sans-serif;font-size:28px;font-weight:300}.text.lrg{font-size:55px;font-weight:100}.title{font-family:"Roboto Slab",serif;font-weight:400;font-size:60px;color:#4AA71F;line-height:55px}b{font-family:"Roboto Slab",serif;font-weight:400}.email{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:70%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.email .text{font-size:clamp(30px, 4vw, 60px)}.email .text:hover{-webkit-animation:pulse;animation:pulse;-webkit-animation-duration:1s;animation-duration:1s}.email a{color:#333}.email a.dark{color:#f3f3f3}.mobile{display:none}.toggle{-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;pointer-events:none}.display{font-size:40px;-webkit-transition:0.8s;transition:0.8s;position:fixed;padding:25px;top:0px;right:0px;z-index:2}.display:hover{cursor:pointer}.display:hover .toggle{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media (max-width: 1024px){.section{padding-top:30px}.inner{padding:0 80px}nav a{font-size:17px;padding:15px}nav a:hover,nav a.active{font-size:19px}.title{font-size:50px;line-height:45px}.text{font-size:20px}.text.lrg{font-size:45px}.display{font-size:30px;padding:15px}}@media (max-width: 850px){.inner{padding:0 30px}.title{font-size:40px;line-height:35px}.text.lrg{font-size:35px}}@media (max-width: 450px){.text{font-size:18px}.title{font-size:30px;line-height:25px}.text.lrg{font-size:25px}.email{height:50%}.default{display:none}.mobile{display:-webkit-box;display:-ms-flexbox;display:flex}}