*{box-sizing:border-box;margin:0;padding:0;transition:all .2s linear}html{scroll-behavior:smooth}html,body{background:black;height:100%;cursor:crosshair;font-family:Times New Roman,Times,serif}body{background-size:cover;background-attachment:fixed;background-position:center center;min-height:100vh;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}a{text-decoration:none;cursor:crosshair}#circle{position:absolute;pointer-events:none;background-color:#fff;opacity:1;border-radius:50%;height:40px;width:40px;transform-origin:50% 50%;transition:all .1s linear;mix-blend-mode:difference;z-index:99}@media only screen and (max-width: 459px){#circle{display:none}}.container{display:flex;flex-direction:column;justify-content:center;position:relative;max-width:1000px;padding:20px}.container .header{display:flex;justify-content:center;column-gap:40px;align-items:center}.container .header #ico{position:relative;width:160px;height:160px}@media only screen and (max-width: 459px){.container .header{flex-direction:column-reverse}}.container .header #name{color:#fff;display:flex;flex-direction:column}@media only screen and (max-width: 459px){.container .header #name{margin-top:40px;flex-direction:row;align-items:center}}.container .header #name h1,.container .header #name p,.container .header #name a{transition:all .2s linear}.container .header #name a{color:#fff;text-decoration:none;cursor:pointer}.container .header #profile{perspective:none;position:relative;width:210px;height:210px;border:1px solid transparent;border-image-source:linear-gradient(to right,white 10px,transparent 10px,transparent 200px,white 200px);border-image-slice:1}.container .header #profile marquee{position:absolute;width:180px;max-width:180px;color:#fff;left:14px;transform:translateY(197px)}.marquee{position:absolute;left:14px;width:180px;max-width:180px;bottom:-10px;overflow:hidden;white-space:nowrap;display:none}.marquee p{display:inline-block;padding-left:100%;color:#fff}.cube{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;animation:rotateCube 60s ease-in-out infinite}@keyframes rotateCube{0%,12.5%{transform:rotateX(0) rotateY(0)}16.67%{transform:rotateX(-90deg) rotateY(0)}16.67%,29.17%{transform:rotateX(-90deg) rotateY(0)}33.33%{transform:rotateX(-90deg) rotateY(0) rotate(-90deg)}33.33%,45.83%{transform:rotateX(-90deg) rotateY(0) rotate(-90deg)}50%{transform:rotateX(-180deg) rotateY(0) rotate(-90deg)}50%,62.5%{transform:rotateX(-180deg) rotateY(0) rotate(-90deg)}66.67%{transform:rotateX(-180deg) rotateY(90deg) rotate(-90deg)}66.67%,79.17%{transform:rotateX(-180deg) rotateY(90deg) rotate(-90deg)}83.33%{transform:rotateX(-180deg) rotateY(90deg) rotate(-180deg)}83.33%,95.83%{transform:rotateX(-180deg) rotateY(90deg) rotate(-180deg)}to{transform:rotateX(-180deg) rotateY(180deg) rotate(-180deg)}}.cube .face{position:absolute;top:10px;left:10px;width:188px;height:188px;background-size:cover;background-position:center center}.front{transform:translateZ(94px)}.back{transform:rotate(-90deg) rotateY(180deg) translateZ(94px)}.left{transform:rotateY(-90deg) translateZ(94px)}.right{transform:rotateX(90deg) rotateY(90deg) translateZ(94px)}.top{transform:rotateX(90deg) translateZ(94px)}.bottom{transform:rotateX(-90deg) rotate(-90deg) translateZ(94px)}.container .work{margin:100px 0 80px;display:grid;grid-template-columns:2fr 2fr;grid-auto-flow:column;gap:60px 10%}@media only screen and (max-width: 768px){.container .work{grid-template-columns:1fr;grid-auto-flow:row}.work .about,.work .clients{margin:0 auto;max-width:400px}#text{left:75px}}@media only screen and (max-width: 431px){.container .work{margin-top:40px}}.work .about,.work .clients{color:#fff}.clients a{position:relative;display:inline-block;z-index:2;color:#fff;padding:0;cursor:pointer;text-align:center;font-size:16px;line-height:2;&:hover{animation:typeshift .8s steps(1) infinite}}.clients p{display:inline-block}@media only screen and (max-width: 370px){#text2-con p{display:none}}@keyframes typeshift{0%{font-style:normal;font-weight:400}25%{font-style:italic;font-weight:400}50%{font-style:normal;font-weight:700}75%{font-style:italic;font-weight:700}to{font-style:normal;font-weight:400}}.work-with-me{position:relative;display:none;margin:0 auto 120px;height:24px;padding:0 4px;border:1px solid white;color:#fff}@media only screen and (max-width: 768px){.work-with-me{display:block}}