*{box-sizing:border-box;font-size:62.5%;list-style:none;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#f0f8ff}.FlexBetween{justify-content:space-between}.FlexBetween,.FlexCenter{align-items:center;display:flex}.FlexCenter{justify-content:center}.CMBPR{border:.1em solid transparent;cursor:pointer;margin:0 1em;padding:.2em 1em;transition:.2s}.CMBPR:hover{border:.1em solid #fff;border-radius:10em}nav{-webkit-animation:nav 1s;animation:nav 1s;background-color:#000;color:#fff;padding:4em 0;position:fixed;top:0;width:100%;z-index:100}nav .Menu ul a{color:#fff;text-decoration:none}nav .Logo{cursor:default;font-size:4rem;font-style:italic;margin:0 .3em}nav .ListItem{font-size:2rem}nav .Resume{background-color:#f0f8ff;border-radius:10em;margin-right:3%;width:190em}nav .Resume a{color:#000;font-size:1.5rem;font-weight:700;padding:.2em 0;text-decoration:none}nav .MobMenu{display:none}@media (max-width:768px){nav .Menu{display:none}nav .MobMenu{display:flex;position:relative}nav .MobMenu img{cursor:pointer;margin-right:4em;width:30em}nav .MobMenu .mobMenuData{background-color:#000;border-radius:30em;color:#fff;display:flex;flex-direction:column;position:absolute;right:15%;top:120%;transition:.2s ease-in-out;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}nav .MobMenu .mobMenuData ul a{color:#fff;text-decoration:none}}@media (max-width:426px){nav .MobMenu .mobMenuData{border-radius:0;right:1%;top:120%;z-index:100}nav .MobMenu .mobMenuData .FlexCenter{flex-direction:column;font-size:2.5rem}}@media (max-width:321px){nav .MobMenu .Resume{display:none}}@-webkit-keyframes nav{0%{top:-20em}to{top:0}}@keyframes nav{0%{top:-20em}to{top:0}}.HeroSection{background-color:#f0f8ff;flex-direction:column;width:100%}.HeroSection .Heading{margin-top:25em;position:relative}.HeroSection .Heading h1{-webkit-animation:heading 1s;animation:heading 1s;font-size:15rem;letter-spacing:-.1em;margin-top:1em;opacity:1;position:relative;text-align:center;-webkit-transform:scale(1);transform:scale(1);width:90%;z-index:1}.HeroSection .Heading .Blur{-webkit-animation:blur 3s;animation:blur 3s;border-radius:100%;height:0;opacity:1;position:absolute;width:0;z-index:0}.HeroSection .Heading .one{box-shadow:0 0 100em 100em crimson;left:30%;top:36%}.HeroSection .Heading .two{box-shadow:0 0 100em 100em #4169e1;left:60%;top:80%}.HeroSection .FlexCenter .HireMe{-webkit-animation:hire 1s;animation:hire 1s;background-color:#000;border-radius:1.5em 0 1.5em 0;color:#fff;cursor:pointer;font-size:2rem;margin:1.5em 0;opacity:1;padding:.2em 2em;position:relative;-webkit-transform:scale(1);transform:scale(1);z-index:1}@media (max-width:768px){.HeroSection .Heading h1{font-size:11rem}}@media (max-width:426px){.HeroSection{height:100vh}.HeroSection .Heading h1{font-size:8rem;z-index:1}}@media (max-width:321px){.HeroSection .Heading h1{font-size:7rem}}@-webkit-keyframes heading{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes heading{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes blur{0%{opacity:0}to{opacity:1}}@keyframes blur{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hire{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes hire{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.AboutPage .AboutCard{flex-direction:column;margin-top:7%;position:relative;width:90%}.AboutPage .AboutCard img{border:10em solid #000;border-radius:100%;margin-top:3%}.AboutPage .AboutCard .Content{align-items:center;display:flex;flex-direction:column;justify-content:space-around;margin-top:2%;width:100%}.AboutPage .AboutCard .Content h1{font-size:10rem;letter-spacing:-.1em;margin-left:.4em;text-decoration:underline}.AboutPage .AboutCard .Content .Card{align-items:center;display:flex;flex-direction:column;padding:10em 20em;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.AboutPage .AboutCard .Content .Card p{font-size:3rem;line-height:1.3em;margin-top:2em;text-align:center}.AboutPage .AboutCard .Content .Card button{background-color:#000;border:.2em solid #000;border-radius:40em;color:#fff;font-size:2.5rem;margin-top:1em;padding:.3em 1em;transition:.2s ease-in}.AboutPage .AboutCard .Content .Card button:hover{background-color:#f0f8ff;color:#000;cursor:pointer;transition:.2s ease-in-out}.AboutPage .AboutCard .Content .Card i,.AboutPage .AboutCard .Content .Card q{background-color:#fcffc9;font-size:3rem}.AboutPage .AboutCard .Content .Card :nth-child(2){margin-top:.5em}@media (max-width:768px){.AboutPage .AboutCard img{width:40%}.AboutPage .AboutCard .Content h1{font-size:8rem}}@media (max-width:426px){.AboutPage .AboutCard img{width:60%}.AboutPage .AboutCard .Content h1{font-size:6rem}}@media (max-width:321px){.AboutPage .AboutCard img{margin-bottom:5%;width:80%}}.Skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10%;width:100%}.Skills h1{font-size:10rem;text-align:center;text-decoration:underline}.Skills .Cards{flex-wrap:wrap;margin:5% auto auto;width:90%}.Skills .Cards,.Skills .Cards .Card{display:flex;justify-content:space-evenly}.Skills .Cards .Card{align-items:center;border:5em solid #000;border-radius:20em;box-shadow:4em 4em 0 #000;flex-direction:column;margin:1.5%;overflow:hidden;padding:1em;position:relative;width:450em}.Skills .Cards .Card .link{background-color:#fffbb4;border-radius:0 0 0 50%;box-shadow:5em 5em 5em #000;height:100em;position:absolute;right:0;top:0;width:20%}.Skills .Cards .Card .link img{height:140em;width:140em}.Skills .Cards .Card img{height:250em;margin-top:10em;width:250em}.Skills .Cards .Card b{font-size:3rem;margin-top:1em}.Skills .Cards .Card p{font-size:2rem;margin:1em 0;padding:.5em 1em;text-align:center}@media (max-width:426px){.Skills h1{font-size:7rem}.Skills .Cards .Card{margin:4% 1%}}.Contact{flex-direction:column;margin-bottom:2%;margin-top:15%}.Contact h1{font-size:10rem;text-decoration:underline}.Contact .Card{display:flex;margin-top:5%;width:70%}.Contact .Card .Section{background-color:#000;display:flex;flex-direction:column;justify-content:space-between;width:50%}.Contact .Card .Section h1{color:#fff;font-size:9rem;margin-left:1em;padding-bottom:1em;padding-top:.3em;text-decoration:none;width:70%}.Contact .Card .Section p{color:gray;font-size:1rem;text-align:center;width:100%}.Contact .Card .Section2{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;width:50%}.Contact .Card .Section2 h1{font-size:4rem;margin:.4em 0;text-align:center;text-decoration:none;width:100%}.Contact .Card .Section2 .SocialMedia{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.Contact .Card .Section2 .SocialMedia p{font-size:2rem;margin:.3em;text-align:center;width:100%}.Contact .Card .Section2 .SocialMedia a{border:.1em solid #000;color:#000;font-size:2rem;margin:.5em;padding:.2em 1em;transition:.2s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Contact .Card .Section2 .SocialMedia a:first-child:hover{background:linear-gradient(45deg,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}.Contact .Card .Section2 .SocialMedia a:nth-child(2):hover{background:linear-gradient(127deg,#28d146 10%,#5ffc7b 90%);color:#fff}.Contact .Card .Section2 .SocialMedia a:nth-child(3):hover{background-color:#000;color:#fff}.Contact .Card .Section2 .SocialMedia a:nth-child(4):hover{background-color:#0a66c2;color:#fff}.Contact .Card .SocialMedia2{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.Contact .Card .SocialMedia2 a{border:.1em solid #000;color:#000;font-size:2rem;margin:.5em;padding:.2em 1em;transition:.2s;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.Contact .Card .SocialMedia2 a:first-child:hover{background-color:#f44437;color:#fff}.Contact .Card .SocialMedia2 a:nth-child(2):hover{background-color:#5959ff;color:#fff}.Contact .Card .SocialMedia2 a:nth-child(3):hover{background-color:#28d146;color:#fff}@media (max-width:768px){.Contact h1{font-size:7rem}.Contact .Card .Section h1{font-size:6rem}}@media (max-width:426px){.Contact h1{font-size:6rem}.Contact .Card{flex-direction:column}.Contact .Card .Section,.Contact .Card .Section2{width:100%}}@media (max-width:326px){.Contact h1{font-size:5rem}.Contact .Card .Section{padding:10em}.Contact .Card .Section h1{font-size:4rem;margin-left:0;text-align:center;width:100%}}
/*# sourceMappingURL=main.62d0f87f.css.map*/