@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit;cursor:none!important}@font-face{font-family:Mona Sans;src:url(/assets/MonaSans-c8847174.woff2) format("woff2 supports variations"),url(/assets/MonaSans-c8847174.woff2) format("woff2-variations");font-weight:200 300 400 500 600 700 800 900;font-stretch:75% 125%}html{box-sizing:border-box;font-size:62.5%}body{background:#000;color:#ccc5b1;font-family:Red Hat Display,sans-serif}body:before{background:url(/assets/noise2-5717b925.gif);background-size:22rem;position:fixed;top:0;left:0;width:100%;height:100%;content:"";opacity:.05;z-index:10000;pointer-events:none}#main{display:grid;row-gap:40rem}@media only screen and (max-width: 700px){#main{row-gap:30rem}}a,a:link,a:visited{color:#ccc5b1;text-decoration:none}.wd{max-width:90rem;margin:auto}@media only screen and (max-width: 1000px){.wd{width:100%;padding:4rem}}@media only screen and (max-width: 600px){.wd{padding:2rem}}.sec-header{display:flex;width:fit-content;margin:auto;overflow:hidden}.sec-header h2{font-size:18vw;color:#000;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:rgba(204,197,177,.15)}#copyright{width:100%;display:flex;justify-content:center;align-items:center;padding:4rem 0;font-size:2rem;font-weight:600;font-stretch:125%;opacity:.5}@media only screen and (max-width: 500px){#copyright{font-size:1.6rem}}.load_images{display:none;visibility:hidden}.load_images>*{display:none;visibility:hidden}.home{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.home__sec{display:grid;grid-template-columns:50% 1fr 50%;align-items:center;min-width:80rem;justify-content:center}@media only screen and (max-width: 800px){.home__sec{grid-template-columns:min-content max-content min-content;column-gap:2rem;min-width:auto}}@media only screen and (max-width: 600px){.home__sec{display:flex;flex-direction:column-reverse;width:fit-content;row-gap:1rem}}.home__sec--1{max-width:min-content;text-align:right;justify-self:end;overflow:hidden;padding-right:4rem}@media only screen and (max-width: 800px){.home__sec--1{padding-right:0rem}}@media only screen and (max-width: 600px){.home__sec--1{max-width:fit-content}}.home__sec--1 h1{font-weight:200;font-size:3.5rem;animation:slideLeft 1s cubic-bezier(.51,.16,.41,.97) 1s backwards}@media only screen and (max-width: 1000px){.home__sec--1 h1{font-size:3rem}}@media only screen and (max-width: 600px){.home__sec--1 h1{font-size:2rem;animation:slideDown 1s cubic-bezier(.51,.16,.41,.97) 1s backwards}}.home__sec--2{max-width:min-content;overflow:hidden;padding-left:4rem}@media only screen and (max-width: 800px){.home__sec--2{padding-left:0rem}}.home__sec--2 h1{font-weight:800;font-size:5.5rem;font-stretch:125%;animation:slideRight 1s cubic-bezier(.51,.16,.41,.97) .5s backwards}@media only screen and (max-width: 1000px){.home__sec--2 h1{font-size:4.5rem}}@media only screen and (max-width: 600px){.home__sec--2 h1{font-size:3rem;animation:slideUp 1s cubic-bezier(.51,.16,.41,.97) .5s backwards;line-height:1.1}}@media only screen and (max-width: 600px){.home__sec h1{text-align:center}}.home__sec--line{width:4px;height:150%;background-color:#ccc5b1;animation:lineY 1s cubic-bezier(.51,.16,.41,.97) backwards}@media only screen and (max-width: 800px){.home__sec--line{width:3px}}@media only screen and (max-width: 600px){.home__sec--line{height:2px;width:80%;animation:lineX 1s cubic-bezier(.51,.16,.41,.97) backwards}}nav{display:flex;position:absolute;top:4rem;font-size:2rem;font-stretch:125%;font-weight:200;column-gap:10rem}nav a{position:relative;color:#ccc5b1}nav a:after{content:"";position:absolute;bottom:50%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s;background-color:currentColor}nav a:hover:after{transform:scaleX(1);transform-origin:bottom left}@media only screen and (max-width: 600px){nav{padding:0 3rem;column-gap:1rem;width:100%;justify-content:space-between}}@media only screen and (max-width: 500px){nav{font-size:1.5rem}}.contact__container{display:flex;justify-content:space-around;text-align:center}@media only screen and (max-width: 500px){.contact__container{flex-direction:column;row-gap:5rem;margin-top:5rem}}.contact__container p{font-size:2rem}.contact__container div,.contact__container a{display:grid;row-gap:1rem;letter-spacing:1px}.contact__container div p:first-child,.contact__container a p:first-child{font-weight:900;font-stretch:125%}.projects__table{margin-top:-5rem;z-index:5;position:relative;display:grid}@media only screen and (max-width: 600px){.projects__table{margin-top:0rem}}@media only screen and (hover: none){.projects__table{row-gap:3rem}}.project{padding:1rem;border-bottom:1px solid rgba(204,197,177,.15);transition:all .3s}@media only screen and (hover: hover){.project{display:grid;grid-template-columns:1fr 12rem}.project:hover .project__img{filter:saturate(1)}}@media only screen and (hover: none){.project{border:none}}@media only screen and (max-width: 600px){.project{padding:.6rem}}.project__end{font-size:1.5rem;font-weight:300}.project__title{font-weight:800;font-size:3rem;text-transform:uppercase}@media only screen and (max-width: 700px){.project__title{font-size:2.5rem}}.project:last-child{border:none}.project__img{width:100%}@media only screen and (hover: hover){.project__img{grid-column:2/3;grid-row:1/3;border-radius:.5rem;filter:saturate(0)}}@media only screen and (hover: none){.project__img{margin-top:1rem;border-radius:1rem}}@media only screen and (hover: hover){.project__tunabytes:hover{background-color:#26c63e;color:#000}.project__wish:hover{background-color:#aee5f3;color:#000}.project__security:hover{background-color:#a02087}.project__education:hover{background-color:#f7d1ba;color:#000}.project__chroma:hover{background-color:#6c95ac}.project__technium:hover{background-color:#d4972e}.project__meshaima:hover{background-color:#100b39}}@keyframes slideLeft{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(-120%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(120%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-120%)}to{transform:translateY(0)}}@keyframes lineY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lineX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{rotate:360deg}}@keyframes loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.about p{font-size:3rem;font-weight:300;margin-top:-14rem;letter-spacing:1px}@media only screen and (max-width: 1000px){.about p{font-size:2.5rem;margin-top:-4rem}}@media only screen and (max-width: 700px){.about p{margin-top:0rem}}@media only screen and (max-width: 600px){.about p{font-size:2rem}}.skills{display:flex;justify-content:space-between;margin-top:5rem}@media only screen and (max-width: 1000px){.skills{margin-top:0rem}}.skills svg{fill:#ccc5b1;opacity:.15;height:3rem;width:auto}@media only screen and (max-width: 600px){.blogs{margin-top:0rem}}.blogs__container{margin-top:-5rem;z-index:5;position:relative;display:grid}.blog{padding:1rem;border-bottom:1px solid rgba(204,197,177,.15);display:flex;flex-direction:column;row-gap:.5rem;transition:background-color .3s,color .3s}@media only screen and (max-width: 600px){.blog{padding:.7rem}}.blog:last-child{border:none}.blog:hover{background-color:#ccc5b1;color:#000}.blog__title{display:flex;align-items:center;column-gap:1rem;font-size:2.5rem;text-transform:uppercase;font-stretch:100%!important;font-weight:700}@media only screen and (max-width: 600px){.blog__title{font-size:2rem}}.blog__title--loading{height:3rem;width:60%;background-color:#ccc5b14d;border-radius:.5rem;animation:loading 1s linear infinite}.blog__icon{width:2rem;height:2rem;opacity:.5}.blog__description{font-size:1.7rem;opacity:.6}@media only screen and (max-width: 700px){.blog__description{font-size:1.5rem}}.blog__description--loading{height:2rem;width:90%;background-color:#ccc5b14d;border-radius:.5rem;animation:loading 1s linear infinite}.blog__category{margin-left:3rem;font-size:1.7rem}.pointer{pointer-events:none;position:fixed;transition:width .3s,height .3s,border .3s;transform-origin:center;transform:translate(-50%,-50%);z-index:7}@media only screen and (hover: none){.pointer{display:none}}.pointer__default{width:2rem;height:2rem;border-radius:50rem;background-color:#ccc5b18c}.pointer__link{width:8rem;height:8rem;transform:translate(-50%,-50%);transform-origin:center;border-radius:50rem;background-color:#ccc5b18c;opacity:.5}.pointer__pr img{border-radius:1rem;width:400px;opacity:.9;transform:translate(50%)}.pointer__insta{width:fit-content;display:flex;justify-content:center;align-items:center;column-gap:4px;background-color:#242424;border-radius:.5rem;font-size:1.4rem;padding:.5rem}.pointer__insta p{transform:translateY(-1px)}.pointer__insta svg{width:2rem;height:2rem}.pointer__insta svg:last-child{height:1.7rem;transform:translateY(1px)}.pointer__email{width:fit-content;display:flex;justify-content:center;align-items:center;column-gap:4px;background-color:#242424;border-radius:.5rem;font-size:1.4rem;padding:.5rem}.pointer__email p{transform:translateY(-1px)}.pointer__email svg{width:2rem;height:2rem}.pointer__ic{padding:.5rem;border-radius:.5rem;font-size:1.5rem;background-color:#242424}.pointer__ic p{font-weight:600}.pointer__ic-py p{display:inline-block;background-image:linear-gradient(to right,#f7cc40,#346fa0);-webkit-background-clip:text;background-clip:text;color:transparent}.pointer__ic-js p{color:#efd81d}.pointer__ic-node p{color:#93c93c}.pointer__ic-mongo p{color:#00ed64}.pointer__ic-react p{color:#88d4f8}.pointer__ic-gsap p{color:#88ce02}.pointer__ic-sass p{color:#cd6799}.pointer__ic-wordpress p{color:#21759b}