*{padding:0;margin:0;box-sizing:border-box;font-family:Manrope,sans-serif}html{background-color:#f0f0f0}div:is(.profile,.about,.quote){padding:23px 0 0 23px}.header{padding-top:3em}.container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:50px;grid-row-gap:25px}.about{letter-spacing:.8px;grid-column:1;grid-row:1}.stop{font-size:100px}.pro{font-size:48px;font-weight:900;text-transform:capitalize;letter-spacing:-2px}.quote{grid-column:1;grid-row:3;width:100%;font-weight:400;letter-spacing:.8px}.quote-header{font-weight:900;font-size:48px}.quote2{font-size:18px;margin-top:6em}.imageMe{display:none}.my_name{position:relative;grid-column:3;grid-row:1;margin-top:7em;transform:rotate(90deg)}.name_abbr{position:absolute;font-size:24em}.about2{grid-column:2;grid-row:1;margin:auto}.tools{list-style:none}.frameworks{font-size:19px;font-weight:700}.second-col{grid-row:2;background-color:#000;color:#000;background-repeat:no-repeat;background-position:50em;background-size:cover;width:100%;margin-top:3em;grid-column:span 3}.projects{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:63px;padding:0 23px}div:is(.card1,.card2,.card3){display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:0px;border-radius:2px;background-color:#3d3d3d;color:#929292;width:100%;height:350px}.about2-text>h3{font-size:32px}.card_btn{outline:0;border:0;cursor:pointer;background:#222222;color:#acacac;border-radius:8px;padding:14px 24px 16px;font-size:18px;font-weight:700;line-height:1;grid-row:2;transition:transform .2s,background .2s}.card_btn:hover{transform:translateY(-2px)}.card_header{padding:0 0 0 15px;text-transform:capitalize}.card_footer{margin-top:2em;margin-left:2em}.card_btn{margin-left:1em;width:40%}.card_body{padding:0 23px}@media screen and (max-width: 768px){.container{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);grid-column-gap:0px;grid-row-gap:0px}.About-me{font-size:12px}.about{grid-column:span 2;width:90%;grid-row:1}.about>.pro{font-size:32px}.about2{margin-top:3em;grid-row:2;grid-column:1;font-size:12px}.second-col{margin-top:-12em;grid-row:3;height:750px;grid-column:1;width:100%}.projects{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);grid-column-gap:0px;grid-row-gap:70px;margin-top:3em}div:is(.card1,.card2,.card3){height:150px;width:100%;box-shadow:none}.card1{grid-row:1}.card2{grid-row:2}.card3{grid-row:3}.card_header{font-size:21px;font-weight:500;padding:0 23px;text-transform:capitalize}.card_body{padding:0 23px;font-size:12px}.card_footer{margin-top:.6em;margin-left:3.7em}.card_btn{zoom:.7;width:30%}.my_name{grid-column:1;grid-row:3;transform:rotate(0)}.name_abbr{font-weight:900;font-size:13em;letter-spacing:2.9px;margin:2.3em 0 0 2.5rem}.quote{grid-row:5;width:90%;margin-top:-13em;margin-bottom:0}div:is(.quote-header,.quote-body){grid-column:span 2;font-size:22px;width:100%}.quote-body{font-size:13px!important}.quote2{position:absolute;grid-row:4;grid-column:1;width:90%;margin-left:.6em;font-size:52px;font-weight:700;margin-top:46em;padding-bottom:1em}.imageme_img{margin-top:6em;transform:translate(-19em)}}@media screen and (min-width: 800px){.quote2{grid-row:5}.about2{grid-column:2;grid-row:1;margin-top:9.8em;margin-left:6em}.name_abbr{display:none}.second-col{width:100em;margin-left:-3em;grid-column:span 3;grid-row:2;margin-top:-10em}.projects{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:3fr;grid-column-gap:63px;padding:0 23px;margin-left:16em}div:is(.card1,.card2,.card3){width:100%;height:250px;margin:2em}.card1{grid-row:1}.card2{grid-row:2}.card3{grid-row:3}.quote2{margin-top:.8em;grid-row:3;width:50%;font-size:42px;padding-bottom:3em}}