*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(90deg,#01011a,#012443)}.portfoliobody{width:100%}:root{--navfont:"Bebas Neue", sans-serif;--bodyfont:"Outfit", sans-serif;--bg:#f4f1eb;--ink1:#1a1814;--ink2:#8a8070;--ink3:#c84b2f}button{border:none}.flexbox{justify-content:center;align-items:center;display:flex}.Homepage{grid-template:repeat(12, 1fr);gap:8px;width:100%;margin-top:72px;padding:15px;display:grid}.Aboutpage{background-color:#639;width:100%;min-height:100vh;padding:15px}@media (width>=320px){.row{margin-left:0;margin-right:0}nav{z-index:9999;border-bottom:1px solid var(--ink2);background:linear-gradient(90deg,#01011a,#012443);width:100%;height:72px;padding-left:22px;padding-right:22px;position:fixed;top:0;left:0}.nav1{justify-content:start}.logo-mark{background:var(--ink1);border-radius:12px;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.logo-mark:before{content:"";background-color:var(--ink3);border-radius:50%;padding:10px;position:absolute;top:-8px;right:-8px}.logo-mark>span{font-family:var(--navfont);color:#fff;letter-spacing:.05em;font-size:18px}.logo-mark2{font-family:var(--navfont);flex-direction:column;align-items:start;padding-left:8px}.logo-mark2>h6,p{font-weight:700;font-family:var(--navfont);letter-spacing:.08em;margin:0;padding:0}.logo-mark2>h6{color:var(--ink1);font-size:16px}.logo-mark2>span{color:var(--ink2);font-size:11px}.nav2{justify-content:end;font-size:20px}.nav2>span{border:1px solid #5a5a00;border-radius:10px;padding:8px}.navlinks{display:none}.drawer{width:300px;height:100vh;font-family:var(--navfont);background-color:#fff;border-right:1px solid #1a18141a;padding:0;transition:all 1s;position:fixed;top:0;left:-100%}.draweropen{left:0}.drawer>div{border-bottom:1px solid #1a18141a;width:100%;padding:28px}.drawer1,.drawer3{height:12%}.drawer1{justify-content:space-between}.drawer1>span:first-child{color:#f4f1eb;background-color:#1a1814;border-radius:12px;padding:10px;position:relative;overflow:hidden}.drawer1>span:first-child:before{content:"";background-color:var(--ink3);border-radius:50%;padding:10px;position:absolute;top:-8px;right:-8px}.drawer1>span:last-child{color:var(--ink2)}.drawer2{color:#c84b2f;height:76%;font-family:var(--bodyfont);flex-direction:column;justify-content:start;gap:8px;font-size:20px;font-weight:700}.drawer2>span{border-radius:12px;justify-content:start;gap:30px;width:100%;padding:14px;transition:all cubic-bezier(.075,.82,.165,1)}.drawer2>span:active,.drawer2>span:hover{background-color:#c84b2f16}.drawer2>span>span{padding-left:20px}.drawer3>div{gap:20px;font-size:20px}.drawer3>div>span{width:37px;height:37px;color:var(--ink1);background-color:#8a80703b;border-radius:10px}.home1{-webkit-backdrop-filter:blur(1250px);backdrop-filter:blur(1250px);background-color:#0000;border-radius:22px;grid-column:1/12}.home2{grid-column:1/12;position:relative}.home3{-webkit-backdrop-filter:blur(1250px);backdrop-filter:blur(1250px);background-color:#0000;grid-column:1/12}.hbox1{width:100%;color:var(--ink2);padding:15px}.hbox1>p:first-child{justify-content:start;gap:5px;padding-bottom:10px;font-size:13px;font-weight:600}.hbox1>p:first-child>div{background-color:var(--ink3);border-radius:50%;width:12px;height:12px}.hbox1>h2>span{letter-spacing:.07em;font-weight:600;font-family:var(--navfont)}.hbox1>h2>span:first-child{color:var(--ink3)}.hbox1>h2>span:last-child{color:#fff}.hbox1>p:last-child{color:var(--ink2);font-size:clamp(14px,3vw,22px)}.home2>div:first-child{border-radius:22px;height:clamp(250px,70vw,450px)}img{object-fit:cover;object-position:top center;border-radius:22px;width:100%;height:100%}.home2>div:last-child{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#0000;border-radius:22px;width:100%;padding:10px;position:absolute;bottom:0;left:0}.home2 p{color:#fff;font-size:15px}.home2 p:last-child{color:var(--ink2)}.home3{border-radius:22px;padding:12px}.home3>div:first-child>div{color:#fff;font-size:16px;font-family:var(--navfont);flex-direction:column;align-items:start;padding:10px;font-weight:700}.home3>div:first-child>div>span{color:#d8d8d8;font-size:14px}.home3>div:last-child{gap:20px}.home3>div:last-child>button{font-family:var(--navfont);color:#fff;background-color:#fff3;border:1px solid #f5f5f5bc;border-radius:5px;gap:5px;padding:3px 20px;font-size:14px;font-weight:700}.home3>div:last-child>button:is(:hover,:active){color:var(--ink3);background-color:#f5f5f5}}@media (width>=768px){.navslidebar{display:none}.navlinks{justify-content:end;align-items:center;gap:20px;width:100%;display:flex}.navlinks>span{font-family:var(--navfont);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);border-radius:8px;padding:2px 10px;font-size:13px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.navlinks>span:is(:hover,:active){color:#f4f1eb;background-color:#1a1814}.navlinks>span:is(:hover,:active):before{content:"";background-color:var(--ink3);border-radius:50%;padding:10px;position:absolute;top:-8px;right:-8px}.hirelink{background-color:var(--ink1);color:#f4f1eb}.hirearrow{padding-bottom:2px;font-size:18px}.Homepage{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(12,1fr);gap:30px;padding:40px;display:grid}.home1{grid-area:1/1/3/8}.home2{grid-area:1/8/3/13}.home3{grid-area:3/1/4/13}.hbox1{padding:28px}.home1>div p{padding-top:20px}.home3>div:first-child>div{padding:30px;font-size:28px}.home3>div:first-child>div>span{font-size:18px}.home3>div:last-child>button{font-family:var(--navfont);color:#fff;background-color:#fff3;border:1px solid #f5f5f5bc;border-radius:5px;gap:10px;padding:7px 23px;font-size:17px;font-weight:700}.home3>div:last-child>button:is(:hover,:active){color:var(--ink3);background-color:#f5f5f5}}