:root{font-family:Josefin Sans;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#d4af37}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;background-size:auto;background-image:url(/assets/marble2-D3ARxWF7.jpg)}h1,h2{font-family:Cardo;font-weight:100}h3,h4,p,ul{font-family:Josefin Sans;margin:.5em}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:1em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fdf5f9;cursor:pointer;transition:border-color .25s;color:#d4af37}button:hover,button:active{background:none;border:1px solid #D4AF37}button:focus,button:focus-visible{background:none;border:1px solid #D4AF37}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#d4af37}button{background-color:#f9f9f9}}@media (max-width: 767px){h1{font-size:1.8em}h2{font-size:1.3em}ul li button{background:none;display:block;color:#fff;padding:1rem;font-size:1.5em}ul li button:hover{background-color:#fff;color:#b48b67;border-radius:.5em}}.navbar-mobile{overflow:hidden;position:fixed;bottom:0;margin-bottom:1em;width:70%;display:flex;justify-content:center;border-radius:.5em;background-color:#fff3;box-shadow:1px 4px 12px #000000bf;-webkit-box-shadow:1px 4px 12px 0px rgba(0,0,0,.75);-moz-box-shadow:1px 4px 12px 0px rgba(0,0,0,.75)}.button-container{display:flex;width:80%;height:40px;align-items:center;justify-content:space-around}.button-container button{background-color:#0000;outline:0!important;border:0!important;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:#fff;transition:all ease-in-out .3s;cursor:pointer;padding:0;margin:0}.button-container button p{display:none}.button-container button:hover{transform:translateY(-1px)}.button-container button:hover p,.button-container button:active p{display:inline;font-family:Josefin Sans;color:#fff;font-size:.8em}.button-container button:hover img{display:none}.left-side{border:1px solid #D4AF37;margin:10em 0 1em;padding:1em;border-radius:1em;padding:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0000004d}.image-cont{object-fit:contain;top:1%}.image-cont img{border-radius:1em;width:15em;margin-top:-10em}.left-soc{display:flex;justify-content:center;align-items:center;gap:1em}.left-soc-items{background-color:#fff;border-radius:.5em;padding:.2em;display:flex;justify-content:center;align-items:center}.left-info{display:flex;flex-direction:column;margin:2em 1em 0;gap:1em}.left-info-details{display:flex;gap:.5em;align-items:center;padding-bottom:.4em;border-bottom:1px solid#B48B67}.about-me,.skill-mob,.contact-mob,.works-mob{margin:2em 1em;padding:1em;border-radius:1em;padding:auto;display:flex;flex-direction:column;justify-content:center;background:#0000004d}.about-me h1{text-align:left}.service-cards{display:flex;flex-direction:column;gap:1em;flex-basis:100%}.service-cards-items{flex-direction:column;display:flex;border:1px solid #D4AF37;border-radius:1em;align-items:center;padding:0 0 0 .5em;gap:.5em}.tsm,.frm{display:flex;text-decoration:none;gap:1em;flex-wrap:wrap;flex-direction:row;justify-content:center;margin-bottom:1em}.tsmi{display:flex;border:1px solid #D4AF37;background:#0000004d;border-radius:.5em;justify-content:center;align-items:center;width:calc(50% - 10px)}.frmi{line-height:.8em}.frmi img{width:50%;height:auto}.work-cont{position:relative;border-radius:10px;overflow:hidden}.works-card-mob .gradient,.works-card-mob .gradient h2{transition:all .6s cubic-bezier(.23,1,.32,1)}.works-card-mob .content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e8e8e8;transform:translate(-96%);transition:all .6s cubic-bezier(.23,1,.32,1)}.works-card-mob .content p{font-weight:300}.works-card-mob:hover .content{transform:translateY(0)}.works-card-mob:hover .gradient{transform:translate(-30%)}.works-card-mob:hover .gradient h2,.works-card-mob:hover .gradient img{opacity:0}.works-mob{display:flex;gap:2em}.works-card-mob{background:none;border:none;color:#fff;cursor:pointer}.works-card-mob:hover,.works-card-mob:focus{border:none}.works-card-mob img{width:90%;height:auto;border-radius:.5em;box-shadow:none}.works-card-mob img:hover,.works-card-mob img:active{box-shadow:0 1rem 1rem #00000080}.gradient{display:flex;justify-content:center;align-items:center;position:relative}.gradient h2{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-weight:400;text-align:center;font-family:Josefin Sans;text-shadow:4px 4px 10px #000000,-4px -4px 10px #000000,6px 6px 15px #000000,-6px -6px 15px #000000}.contact-mob{gap:1em}.info{color:#fff;border-radius:.5em;border:1px solid #D4AF37;padding:.5em;display:flex;text-align:center;justify-content:center}.info h3{font-weight:400}form{display:flex;flex-direction:column;gap:2em}form input[type=number],form input[type=text],form input[type=email],form textarea{font-family:inherit;background:none;border:none;border-bottom:2px solid #D4AF37;outline:none;width:100%}form textarea{height:5em}form button[type=submit]{font-size:18px;background:#fff;color:#d4af37;padding:.8em 1.2em;display:flex;align-items:center;justify-content:center;border:none;border-radius:25px;box-shadow:0 5px 10px #0003;transition:all .3s}form button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0000004d;padding:0;background:linear-gradient(to bottom,#d4af37,#b48b67);cursor:pointer}form button[type=submit]:active{transform:scale(.95);box-shadow:0 2px 5px #0003}form button[type=submit] span{display:block;margin-left:.4em;transition:all .3s}form button[type=submit]:hover span{scale:0;font-size:0%;opacity:0;transition:all .5s}form button[type="submit"]button svg{width:18px;height:18px;fill:#fff;transition:all .3s}form button[type=submit] .svg-wrapper{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#fff3;transition:all .3s}form button[type=submit]:hover .svg-wrapper{background-color:#fff;width:54px;height:54px}form button[type=submit]:hover svg{width:25px;height:25px;margin-right:5px;transform:rotate(45deg)}@media (max-width:767px){.right-side{display:none}.content{font-family:Josefin Sans;font-size:.65em;padding-right:2em}}@media (min-width:768px) and (max-width:1023px){.right-side{display:none}.content{font-family:Josefin Sans;font-weight:700;font-size:1.5em;padding-right:2em}}@media (min-width:1024px){h3{font-weight:400}h4,p,.tsmi{font-weight:300}.navbar-mobile{display:none}.left-side,.about-me,.skill-mob,.contact-mob,.works-mob{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.right-side{display:flex;justify-content:center;align-items:start;padding:2em}.navbar-pc{margin:2em 1em}.left-side{position:sticky;top:10px;left:0;height:100%;margin-inline:2em;padding-bottom:2em}.works-card-mob img{width:80%;height:auto;border-radius:.5em;box-shadow:none}.about-me,.skill-mob,.contact-mob,.works-mob{padding:3em}h1.prName{font-size:2em}.mobile-view{display:none}.image-cont img{margin-top:0;border-radius:50%}}@media (min-width:1024px) and (max-width:1333px){.content{color:#fff;padding-right:3em}.service-cards-items{padding:2em;width:80%}.service-cards{display:flex;gap:1em;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}}@media (min-width:1334px){.content{color:#fff;padding-right:3em}.about-me,.skill-mob,.contact-mob,.works-mob{padding-inline:1.5em}.left-side{padding-inline:5em}.info{width:100%}.service-cards-items{padding:2em;width:40%}.service-cards{display:flex;gap:1em;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}.right-side{height:auto;width:1353px}}